Wordpress optimization guidelines for Google pagespeed
Website optimization for PC and mobile devices according to Google pagespeed is one of the most important factors in evaluating and promoting a resource in search engines. Today we will provide recommendations for optimizing your site on wordpress for Google pagespeed.
Website optimization Google pagespeed
It is impossible to optimize the site once and for all! This is a big mistake that some site owners fall into. To begin with, the requirements for website optimization change every month or once a quarter stably. And the site has to be adapted for innovation.
In addition, there are divergent opinions on assessment indicators for the mobile version of the site. The indicator can change during reboot for 5-10 minutes.
Wordpress Optimization for Google pagespeed
Let's talk about the most popular platform in Runet - wordpress. Despite the popularity and seemingly constant updates, this platform already with the basic installation has problems with google pagespeed performance.
This problem exists only for the reason that WordPress CMS is used for other purposes. What does this mean, read in our article: "Framework or Freeshard."
Despite the fact that WordPress is a cms exclusively for blogs. Craftsmen have already managed to creat online stores, exchanges, and so on on this "miracle" CMS. Thus, more than 80% of sites use this platform and of course they have optimization problems.
Recommendations for sites from Google pagespeed
Let's look at the recommendations from Google pagespeed:
- Remove connection css and js c <header>. This will give information to the user from the site much faster.
- Image optimization
- Server response rate
- Using modern image formats
It would seem that everything is aimed at ease of use, but the problems are already in the first paragraph of the recommendations.
Given that most modern sites are media content wrapped in sliders and animations. For the correct loading of content that uses sliders or animations, js is required, and if we remove it from the header, the first thing the user sees is text content, and only then the sliders will start loading. Bad, are you agree?
Of course, for most people, the speed of the Internet will allow you to not notice this bug. But you need to take care of absolutely all site visitors and not overburden their Internet.
How to optimize the site for google pagespeed?
- We remove all scripts in the footer
The result of google pagespeed is important for search engine optimization, so you should understand that these are just recommendations. But in order to minimize the load on the site, you still have to partially fulfill them. First, leave the jquery library connection in the header of the site, and plug in all other scripts in the footer. To do this, create a function in the functions.php of your theme.
After this action, it is mandatory to check for the correct operation of the site (having thrown off the cache if it is turned on).
- We skip all scripts through Minify (this is also possible through the hosting panel)
- Compress all style files.
Paragraphs 2,3 can also be performed through the plugin, which I will discuss later. We optimize media content for these purposes. We usually use the EWWW Image Optimize plugin.
This plugin allows even using the free version to optimize batch all media files of the wordpress library.
We solved the main problem in the form of media files. We need to demolish the cache again and look at the quality of the images and in which case upload the images that were too compressed. This happens if you use sliders over the entire width of the browser.
Next, we need two plugins: Autoptimize and WP Super Cache
Here are their settings that we recommend:
WP Super Cache, be sure to collect the "General Cache" and configure it to be cleared when changes are made.
You must enable cache creation on the client browser side. We will show Apache as an example, that is, the settings for the .htaccess file.
Here is an example of our presets for the server using the .htaccess file.
These settings are a recommendation and may not work or work correctly in your case. Therefore, be sure to copy the default file and, in case of 500 errors, and so on, reload it back.
On this, all our recommendations end. Thanks to these actions, we were able to achieve 100% result in gmetrix. As for google pagespeed results, see for yourself
And please do not forget about the main recommendation: do not overload the page with media content! This will allow you to save this result permanently.
Also, if you have a task to optimize your site for google pagespeed, you can always contact us!