10 easy way to improve WordPress Page Speed
The major websites such as Google, Amazon and Yahoo have tested the influence of loading rate on user behavior very closely. With the following results:
“100 ms of extra load time caused a 1% drop in sales”. – Greg Linden, Amazon.
“500 ms of extra load time caused 20% fewer fewer searches.” – Marissa Mayer, Google.
“Trimming page size by 30% resulted in 30% more map requests.” -Â Marissa Mayer, Google.
“400 ms extra load time caused a 5%-9% increase in the number of people that clicked “backed” before the page even loaded.” – Nicole Sullivan, Yahoo!
Since then, the loading speed of a website ranking factor for Google, this belongs to optimize the performance of the most important things that you need to deal with.Â But not only Google make you happy with a quick WordPress site, but also and even primarily your readers.Â And it comes at the end.Â Because at a loading rate of about 4 seconds already 25% of visitors leave your website look back at how research shows.Â But there are several opinions about what makes a website more quickly now and what is not.Â Therefore, we deal today with the truth about WordPress performance.
This article will deal with the on-page optimization, therefore appeal to all things that do not relate to the web server itself.Â How to setup a web server optimal, is a completely different issue and beyond the contribution.Â I start from a WordPress site on a normal web hosting package, properly configured provides a website on a hosting package from excellent values.
Important: This post will deal only with the optimization of the desktop version of a website since the optimization for a mobile presentation is much more difficult.
Info graphic: Why charging time is extremely important
Two examples of perfectly optimized and fast websites
- The flyer: Smashingmagazine.com
On theÂ performance of Smashing Magazine’sÂ a whole team and this team has really turned on each screw, for the mobile and desktop points lie at 100. 100 points – absolute perfection.Â Congratulations to you, because you have done a really great job.Â The source code of the website is a wonderful medium for learning how to do it right.
Link to website:Â SmashingMagazine.com
- A “normal” website – technique
My website techniqueÂ is optimized so far only on the desktop version.Â 93 out of 100Â possible points, however, are an absolutely excellent value, although I’m sure there is still room for improvement. The mobile version I would have to begin, the point value is currently negligible.
Rapid loading speed – Optimization for Google Page Speed
But not always – – Google Page Speed ââis the measure of all things and all the recommended optimizations usually understood.Â Therefore, we now work our point by point and put these points in the next post of this small series together to offer.Â This also your website loads fast and visitors and Google have their bright joy in it.
By the way: The Google Page Speed ââscore starts at 1 (underground poorly and slowly) to 100 points (the jackpot).
- Reduce HTTP requests
- Optimize your images and graphics
If your theme uses for the design a lot of graphics, they should take intoÂ summarize CSS spritesÂ .Â So then just a call for the graphic file takes place.Â Images should always be optimized for the Web, which means that they have been cut to the correct size and reduced in file size.Â There areÂ some good plug-ins that do the job for themÂ can.Â Otherwise, help programs such as Photoshop orÂ GimpÂ on.
The ideal would be now even if the images and all other static resources from a content delivery network (CDN) would be delivered.Â There were some good providers asÂ MAXCDNÂ that but worth it on the page only when a certain traffic.Â Free, theÂ Jetpack pluginÂ do the job, the point in the settings then called âprotonÂ “.Â When activated, all product pictures are then delivered by the fairly rapid WordPress servers, which the website already can be noticeably faster.
But in dealing with images on the website it says, as with many other things in life: less is more.Â Less same images faster loading speed.
- .htaccess settings: Use compression (gzip or deflate)
Compression means that the file size of your pages is extremely reduced in part.Â Often up to 70% can be saved to file size here.Â This is clearly noticeable in the delivery speed of your website. However, the effort is worthwhile only if a certain amount of content is available on your website. Because the browser has the compressed website before delivery so decompress first, which also takes a certain amount of time.
Even with a blog or a website with more than one paragraph of content, the compression will make extremely noticeable.
- .htaccess settings: Enable Browser Caching
- Optimize CSS provision – “Above the Fold”
The “above the fold” (visible without scrolling) message is issued when Google Page Speed ââOnline has determined that one or more files to block the rendering of your site and thus theÂ delay display of content on the screensÂ .Â Browser blocked by external CSS files before content is displayed on the screen.
You always get this message if your theme CSS files are linked from the head because the browser then once must stop the presentation of the website to load the style sheet.
- Size of visible without scrolling content decrease – CSS provision of Part 2
The aim here is to optimize the on-screen visible without scrolling area of ââyour website.Â This will be achieved that the CSS needed for the representation of the visible area is inserted inline, instead of doing it on a external linked file.Â To be more precise: the part of your CSS that is necessary for the representation of visible without scrolling the screen is inserted inline in the header of the page.
The then reduced by that portion CSS file – instead of the normal rate in the header – outsourced in the footer.
But keep in mind one thing: It should not be placed on the CSS inline HTML document too much, because that could slow down the site again also.Â So please bring only that CSS, which for the representation of the screen contents is necessary for existence without scrolling.
Check anyway (linked CSS and inline) in connection with two variants, the loading speed.Â It does not matter if Google Page Speed ââno longer complains, but the website is, however, slowed down.
- Use a caching plug-in
A good caching plug-ins generated from the dynamic (PHP) pages of your website static HTML pages. These can then be loaded much faster, because does not have to generate that page on every page request, the PHP interpreter.Â There are a lot of plug-ins for this job, of which a few, more excellent or good inÂ at least one excellentÂ – with a few tricks.
Worthwhile caching plug-ins:
- W3 Total CacheÂ Â – very extensive, not for beginners
- Wp Super CacheÂ Â – also suitable for beginners
- CachifyÂ – Great for beginners and smaller projects
- Wp RocketÂ – not free but the best thing I had ever used
- Do not use a 301 redirects
301 redirects brakes from the browser, because then he needs to access a new URL.Â Therefore, make sure to avoid These kinds redirects.
Â Â 10.Use a good web hosting provider
Web hosting provider, there are a dime a dozen, some of which also have their web hosting packages optimized so that the website has a lightning-fast delivery is guaranteed.Â Important to know: A web hosting package is a so-called shared hosting, your website so divided, with dozens – if not hundreds – other websites place on the server.
For most web hosting package providers resulting in slower load speeds.Â Personally, I am counting on the web hosting companyÂ InterserverÂ .Â Its web hosting packages are optimized for speed, remain affordable and offer many options.Â Of course there are a number of other recommendable sellersÂ from which you can select.