Optimized Google Pagespeed Insights for WordPress
16827
single,single-post,postid-16827,single-format-standard,ajax_fade,page_not_loaded,,qode-theme-ver-5.9,wpb-js-composer js-comp-ver-4.3.4,vc_responsive

Optimized Google Pagespeed Insights for WordPress

Cloudflare-browsercaching

07 Aug Optimized Google Pagespeed Insights for WordPress

Optimized Google Pagespeed Insights  for WordPress

Google Pagespeed Insights is a set of standard measuring speed and ability by the friendliness of the website Google proposes. According to Google, the standards in Pagespeed Insights will focus on two main issues, such as page load speed and friendly user experience. And if the website has been rated sites Pagespeed Insights page is the page which is to meet as many of Google standards set.

In fact, the standards do not require you to apply because not all criteria that you can use in all cases. So if you watch this series and not have the ability to do a certain number of standards are just ignored, because Google does not force you to achieve all standards.

And now, Google Insights Pagespeed have all 16 evaluation criteria are as follows:

Optimal speed rules

  • Avoid using landing page redirect.
  • Turn on data compression sent to the browser.
  • Improved response time of the server.
  • Improved caching in the browser.
  • Compressed CSS and Javascript resources on the Website.
  • Compression reduces image size
  • Optimize CSS  the insert website.
  • Setting priorities in the website’s content.
  • Javascript and CSS unblocked when the page loads.

Regulation optimal efficiency

  • Avoid using plugins to display contents.
  • Viewport configuration to display appropriate screen size.
  • Optimize buttons and links on websites.
  • Use appropriate font to display the content.

Thus, if you want your website Google friendly Pagespeed then make sure that you have applied the rules above. So how to apply, how to apply for WordPress? That is what I will guide you through the optimization tutorials Google Insights Pagespeed this

The first criterion: Use appropriate host

If you currently use the free hosts do not follow this tutorial to do to bother, because it may slow its pace and less tech support should you be unable to do so many features. Therefore, I encourage you to use the best host for WordPress that their names are encouraged A2Hosting (with host Singapore), StableHost, Arvixe (with server Hongkong) are good hosts for WordPress, compatible with multiple plugin

Also, I encourage you to use the service CloudFlare to optimize speed better website.

Avoid using redirects landing page

Redirecting means that when you visit a page that you re-establish it redirect (redirect) to another page or another address type. This condition is most commonly used with the page type www.domain.com domain (www). Which according to many people’s habits, they just knock on your browser domain.com, should now webserver needs more time to it shifted to type www domain and delay for a few seconds.

Therefore, I encourage you not to use the domain name www user as it will take more time for navigation, as well as looking at the website address more 3 characters long.

Enable compression

Compression function here means webserver will compress the data sent by the method of the HTTP browser as gzip instead of raw data as usual, this time the browser will display the content that has been compressed gzip. And such compression may help you optimize speed multiplied by the size of each request was significantly reduced (about 50-70% after compression).

See also: Check Gzip available at  http://gzipwtf.com/

To enable gzip compression, you can do the following:

If used plugin W3 Total Cache plugin

You can enable gzip compression in Performance -> General Settings -> Browser Cache.

W3totalcache-gzipenabled

Then you on Performance -> Browser Cache and tick all of the options “Set Expires header”.

If  use WP Super Cache 

WP Super Cache For then you can enable Gzip by going to Settings -> WP Super Cache -> Advanced and tick the option “Cache hits for quick access to this website. (Recommended) “and” Compress pages they’re served more than Quickly to visitors. (Recommended) “.

wpsupercache-gzipenabled

For Apache

If you use Apache webserver without using two plugin, it can be turned on by inserting the following paragraph gzip in .htaccess:

Or if you inserted the paragraph above that faulty or no gzip 500 is removed and used in the paragraph below.

 For Nginx

If you use nginx and not WP Super Cache plugin using W3 Total Cache, then insert or later on nginx.conf file:

Improved response time of the server

This improvement means that the optimum speed of the host or your server is using. If you use the host, make sure your host has fast processing speed as the best host for WordPress. But if you use your own server / VPS, please track (can use Newrelic) to monitor whether the processor speed of the server slowly over time, and thus you can apply more ways to save other data such as Database buffer Cache or Object Cache.

If you are using a private server or VPS should use to run WordPress Centminmod EasyEngine or to have the highest response rate.

Improved caching of Browser

By default when the browser loads the website, it will save data buffer (cache) static files such as images, CSS, even if your content has enabled gzip website above. But if you do not optimize the time that is allowed cached browser, you will encounter the problem that too as fast cache or too long before, the optimum is you should call up the browser’s cache static files on your website is beautiful range of about 1 month

To do this, we will need to declare a piece Cache-Control HTTP header and ETag into static files, examples of Sulopa.com:

To view the HTTP Headers fast then you can enter a link http://web-sniffer.net/ and copy of an image file, CSS and JavaScript on your site to check it had not yet header above.

Adding cache duration by CloudFlare

If you use CloudFlare on the website, you can set the expiration time of static files in Caching -> Browser Cache Expiration.

Cloudflare-browsercaching

For W3 Total Cache

W3 Total Cache If you use it to enable Browser Cache (see above gzip compression), it has itself more time expires on the static file. But you can in Performance -> Browser Cache and mark the line as “Set entity tag (ETag)”, “Set cache control header”.

For Apache

If you do not use the W3 Total Cache that CloudFlare and using Apache webserver, you can add the following to .htaccess:

Or if not then use segments on the following segments:

 For Nginx

If you use nginx then add the following to the configuration file Nginx domain:

conclusion

At this point we have to understand the mechanisms through evaluation scores Pagespeed Google Insights on the website, and we also optimize your website based on the first 4 standards in Google Pagespeed.

hope this article will help you, thanks!

Jenny

 

Jenny Tran
hatran260612@gmail.com
No Comments

Post A Comment