Lesson 13Website technologies
- Notion 77 - Static and dynamic webpage: what are the differences?
- Notion 78 - How databases work and what their ecological impact is
- Notion 79 - Is a static website a solution for web eco-design?
- Notion 80 - What is a CMS?
- Notion 81 - What is WordPress?
- Notion 82 - Why optimize your WordPress?
- Notion 83 - How to optimize WordPress?
- Notion 84 - How to turn WordPress into a static website
- Notion 85 - Check your understanding of the main concepts of the lesson.
Notion 83
How to optimize WordPress?
Target skills
There are several factors that can hinder the smooth running of your website. Below are some recommendations to keep in mind:
Identify a theme and features adapted to your needs
A theme that is too heavy with too many features for your needs will be counterproductive. There are thousands of free and paid WordPress themes. Identifying the structure and features that best suits what you want to do will then save you time and optimization.
Limit the use of unhelpful plugins
Plugins regularly load a lot of large files and libraries that will hamper the performance of your website. Take the time to choose them or choose custom development to avoid the inconveniences associated with the use of ready-made plugins.
Check links and 404 errors
To improve the performance of your WordPress site, it's essential to minimise the number of links that don't work. Tools such as Broken Link Checker will allow you to automatically check your posts, comments and other content and identify broken links and missing images.
Choose hosting well
The choice of hosting has a direct impact on the performance of your website as well as its ecological impact. Committed hosting companies are working to reduce the ecological impact of digital practices and offer solutions to reduce carbon emissions.
Clean up your database
Clean your database regularly to avoid slowdowns.
Image management
Images can sometimes be very large, accounting for up to 50% of a web page's total weight. The heavier they are, the longer the page will take to load. As a general rule, a web page should not exceed 2 MB. Therefore, reduce the size of the image before sending it to your site. 2,000 pixels wide is a good average.
Then compress your images before uploading them to your WordPress media library.
Enable Caching
Caching is the process of creating HTML pages on your server from the pages generated by WordPress. The server only has to display these pages, without making the multiple requests normally required to display them. Install and activate your caching plugin once your site is complete, such as WP Rocket.
Clean up your themes and plugins
Remove unused themes and plugins to optimise the security and resources of your WordPress.
Install the latest version of PHP (on your hosting
A WordPress site can load twice as fast with a recent version of PHP (language used to develop websites).
Use a Content Delivery Network (CDN)
The distance between the server and the visitor's location can be very large and slow down the display. By enabling a CDN on your WordPress site, you will be able to host your static webpages on servers closer to your visitors and automatically improve the performance of your site.
Minify your HTML, CSS and JavaScript code
Minification removes unnecessary spaces and references to achieve a smaller file size for the same result.
Enable Gzip compression
In addition to minified files, you can also benefit from a separate form of compression of your assets, called Gzip compression. Plugins such as WP-Rocket enable automatic Gzip compression on your site.
Going further
Below is a non-exhaustive list of tools to optimise your site:
To perform an audit :
WordPress optimization for performance & speed
Improve speed of WordPress
To measure the speed of your pages :
- Pingdom Tools ;
- WebPageTest ;
- GTmetrix ;
- PageSpeed Insights.
To optimise images:
- TinyPNG :
- Kraken.io ;
- Optimizilla ;
- Compressor.io ;
- WP-Smushit.