We’ve developed a WordPress bootstrap that allows us to get started on your project quickly while maintaining a high level of quality. The bootstrap incorporates best practice, tooling and efficiencies that we have developed while working on WordPress projects over the last five years and is continually being refined.
Where possible we use code linting to enforce a consistent style. This eliminates discussion over code style and formatting issues, helping to save development and code review time. The end result is a more maintainable code-base that other developers can work on. Airbnb Engineering & Data Science best describe the need for consistent style in code using a painting analogy.
Git version controlGit version control tracks changes to code and allows collaboration between developers.
WordPress and it’s plugins are managed via Composer, a dependency manager for php. Composer eases collaboration by allowing you to declare your project dependencies in code. Developers can then run a command to install specific versions of the dependencies.
Multi-Environment configA multi-environment config allows the WordPress install to be configured differently depending on if it’s in a development, staging (preview) or production (live) setting.
SCSSThe website styles are broken-up into individual UI components for reuse and better maintainability. SCSS Lint is used to enforce a custom BEM component naming convention and consistent property ordering.
Ease of use
We build on WordPress’ solid foundation, tailoring the admin to fit your content and design. From simple article pages to complex modular layouts we build WordPress themes that allow you to focus on editing your content rather than code or complex configuration.
Now that around 50 percent of users1 are accessing the web from smart phones or tablets it’s more important than ever to optimise the performance of your website. According to google “53% of mobile site visits leave a page that takes longer than three seconds to load.”2
Speed has been a ranking factor3 for google mobile searches since January 2018. We employ a range of optimisation techniques to help ensure that your website loads quickly.
Lazy loadingLazy loading ensures that images and embedded content such as Youtube and Vimeo aren’t loaded while they appear offscreen.
HTTP Caching & Asset revisioningA hash of each file is appended to asset filenames. As the hash changes whenever a file is updated it allows assets to be cached indefinitely using HTTP caching. It also ensures users never need to manually empty their browser cache 🎉
Service workerA service worker can intercept network requests, loading assets such as CSS, JS and fonts directly from the cache. It can also add additional functionality such as offline access, push notifications and background sync.
HostingQuality website hosting plays an important role in the overall performance of your website and can be the difference between a great and a poor experience for your website users.
LighthouseWe test our websites with Google Chrome’s Lighthouse tool to ensure we’re meeting key performance metrics.
WordPress plugins add functionality that isn’t available in core. New plugins are carefully audited for any potential performance or security issues. Here are a selection of plugins that we find indispensable.
Gravity formsGravity forms is a form builder that can be used for simple enquiry forms or more complex multi-page forms. It can be easily extended and integrated with third-party services.
Yoast SEOYoast SEO is a leading plugin for Search Engine Optimisation (SEO) and adds many features such as sitemaps, content analysis and open graph-tags for supplying preview content when sharing on social media.
Advanced Custom Fields ProACF Pro allows developers to create rich editing experiences that are flexible and simple for clients to use.
Query MonitorQuery Monitor is a developer tool that allows us to monitor the number and performance of database queries used to generate a page as well as identity php errors and notices.
SpeedRunnerOur in-house performance plugin for lazy loading and asset revisioning.
TerminatorOur in-house plugin for removing WordPress features when they aren’t required.
Not all hosts are created equal
Quality website hosting is often overlooked when developing a new website. A proactive hosting company will help to keep your website fast and secure ensuring a good experience for your customers. Things we look for are a modern server stack, tools that allow us to automate deployments and responsive developer friendly support.
For most clients we recommend Kinsta who offer premium WordPress hosting on Google Cloud.