Performance improvements for presscustomizr.com 4


Optimizing the page load of a WordPress website is not an easy task.

The first think you need to do is to monitor your page load indicators. I usually test my websites with 4 well known online tools :

 

Results

 

Results on GTMetrix
double-A-on-GTMetrix

 

Results on www.webpagetest.org

webpagetest-results

 

 

Pingdom tool results

pingdom-tool-results

 

Google Insight Results

With this tool, I got a 87/100 for desktop, 74/100 for mobile speed and 91/100 for the user experience.

There’s room for improvement, in particular to reduce the size of the above-the-fold content.

 

Tools and techniques used

It took me honestly days of iterations and tests to get those results. I could probably have been much faster if I had followed the quite simple steps described below.

Note : My website is hosted by a french host named Planet Work on a virtual server with the following characteristics : Linux/Apache/MySQL/PHP, 1000 Mo of cache memory, CPU 1200 MHz.

 

Here are the key points that have been decisive for my performance improvements :

1) I use the free Total Cache plugin with the following settings :

  • Page cache : Disk Enhanced
  • Minify CSS and JS enabled in manual mode
  • Database Cache : Enabled with disk method
  • Object Cache disabled
  • Browser cache enabled
  • CDN enabled

2) Almost all external ressources (CSS, JS, images, icon fonts) are hosted by a CDN (Rackspace) which is located close to most of my visitors (US based).

3) Images below the fold are not beeing loaded on page load. I use the excellent free Unveil Lazy load plugin for that.

4) Videos in iframes like YouTube or Vimeo are loaded on demand, triggered by a click. I use a the free plugin lazy load for videos for that.

5) All Images have been compressed

 

Useful resources

 

Hope this will help!


4 thoughts on “Performance improvements for presscustomizr.com

  • Reply
    Ludis

    Thanks, Nicolas, for your work!
    And your last update was great, it eliminated need for child theme the almost 100%. I could set all under “Customize”.
    Also, it is fast! Got 96/90 at second try (just enabled caching & optimizaton plugins).
    Thanks again – for design, for speed and for listening and implementing features.

Leave a Comment

Your email address will not be published. Required fields are marked *

If you need to share some code, please wrap it between the following tags (css code in this example) : <pre class="lang:css">YOUR CODE</pre> ( possible code language acronyms : css, php, xhtml, javascript, sql)

You may also use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">