Excellent websites are no longer about aesthetics! We live in an Internet age. An excellent website means reactive, SEO optimization and the most important speed. If you want to know which website building platform will win the battle of dominance, please look for the fastest platform. The product must be able to load quickly on various devices, handheld devices and wearable devices. Therefore, it is not surprising that Google ranks higher than its competitors, recommends loading websites faster, and adversely affects slow or slow websites in search results. The
This article will introduce the two main speed measurement standards Google Page Speed insights and gtmetrix, the factors to consider when evaluating and benchmarking websites, and the best practices for improving these standards on word press based websites. It also provides a list of ways to compare the main word press topics in the current market. Before deciding to take steps to optimize the page for one of these two tests, it is important to understand the basic concepts of how to operate. Google pagespeed insights uses mobile user agents and desktop user agents to measure the performance of the page through the double import of the URL at one time, and assigns a score of 0-100 according to the performance. A score above 85 indicates good performance. The
Male gtmetrix is Google pagespeed and Yahoo! Another free tool, based on analyzing page performance. Slow score Calculate the average score of the two criteria, in alphabetical order (a, B, C,…) Allocation. Based on Google and yahoo page scores, gtmetrix has a unique range of elements when evaluating web page speed and performance. The following elements are the most important factors considered in the two sets of criteria and are necessary to optimize the topic to achieve the highest possible score. Enabling compression (server related) is probably the most basic and necessary step in optimizing a WordPress site to achieve the highest speed score. Note that this is not directly related to WordPress installation. Therefore, the appropriate settings must be applied in the managed environment. Google says that if compression is enabled on the server, the WordPress website will benefit in the following ways: The
All the latest browsers support and automatically negotiate gzip compression for all HTTP requests. After gzip compression is enabled, the size of the sent response can be reduced by up to 90%, which greatly reduces the resource time, reduces the data usage of the client, and improves the first rendering time of the page. Most PHP servers use Apache or nginx to provide web pages. They must use different processes to enable gzip compression. You can find many step-by-step guides on the web that show how to use this include multiple servers and how to do this. If you have questions about specific steps of the process, you can ask them in the comments section. The
Possibility of improvement: 5 to 15 points. The correct activation and configuration of this function on this topic will help to increase the score of Google pagespeed and gtmetrix from 5 to 15 points. Leverage browser caching (server related) Amazon. A screenshot of one of the asset files in. Com shows how to use this feature. As you can see, gzip compression has been enabled as described in the first section. () partial expiration you can plan and view until they change the information sent to the user browser, and the file will not be ed until they cache the method in the user browser before 2033.
Start over. The
Cached files will be used instead of . This can save the web connection of servers and users using additional bandwidth and resources. Of course, the page will load quickly after the first load. After viewing the relevant pages on Google pagespeed insights, you will see similar instructions. It is slow and costly to obtain resources through the network. Since ing requires multiple round trips between the client and server, it may delay processing, prevent page content rendering, and cause visitors to incur data costs. All server responses must specify a caching policy to determine whether and when clients can reuse previously obtained responses. The
Amazon likes caching for more than 15 years. Unlike com, Google suggests caching components that change frequently for about one week and caching static assets for about one year. Another trick is to use URL based version management or change the file name to avoid caching old files. Such as \
Setoutputfilter deflate
Setenvifnocase request \u URI\
\ (?: gif|jpe? G|png) $no gzip dont vary
Male
Male
Due date activity
Expiresbytype image\/jpg \
Expiresbytype image\/gif \
Expiresbytype image\/jpeg \
Expiresbytype image\/png \
Expiresbytype text\/css \
Expiresbytype application\/x-javascript \
Expiresbytype text \/javascript \
Expiresbytype application \/javascript \
Expiresbytype image\/x-icon \
Expiresbytype image \/ icon \
Expiresbytype application\/x-ico \
Expiresbytype application\/ico \
When nginx is used, nginx. The following must be added to the conf file: The
Position ~**. (jpg|jpeg|png|gif|ico|css|js|woff) ${
Due 30 days.
The original version of add_header is published;
Try\u files $uri @fallback;
}You must back up the current version of the file before adding this code. Even if the change is very simple, it may display 500 internal server errors or nginx service messages that are not started. In this case, you only need to ask the server administrator for help. Possibility of improvement: 10 to 20 points. The correct configuration of the theme will help to increase the score from 10 to 20 points. The
If image optimization (server related) has multiple pages, the page speed score may reach 90 points or higher, which is the most effective step. Images are the most ed bytes of a page, so optimizing images can save a large number of bytes and achieve considerable performance improvement. There are two types of images that can be optimized: PNG and JPG files. In most cases, you can reduce the size from 10% to 300% without affecting the quality. Photoshop has successfully optimized the image, but to reduce the larger image to a smaller size, another reduction layer is required. There are two ways to implement this rule. The
Optipng and JPEG opt
You can install image optimization tools such as Im on the server as recommended by Google. To install these tools, you must also have root access to the server. In order to open terminal access, Windows users can use free software named putty. Mac and Linux users can use the terminal. After connecting to the server and obtaining root access, you must install the following software: In the right struggle: sudo apt get option sudo apt get JPEG option CentOS:
Yum install options yam install JPEG optim after installing these tools, you must navigate to the upload or image folder and use the appropriate commands to recursively optimize the image. Find- name Png | xargs option
Find- Type F \ (-name \
Var samplevar = \
\/\/Lots of messages
\/\/This is just another comment.
\/\/JavaScript should not have this.
\/\/Result view after waiting for uglify
\/\/This is just an example function
Functionsample function()
The{
Var samplelocalvar = \
In fact)
The{
\/\/Insert sample note
Alert (\
Taking into account the four main scores of 2 in the feed and 2 in the gtmetrix, the average value of each score is calculated, and the topics are classified according to these scores. We tested the default landing page or default presentation for each topic. Comparison of major WordPress topics in 2015 (January 5th, 2016) Male male male Jupiter male 9.7 male 9.8 male male male male male 93.75 male male male female 90 male male male 76 male Male 83 male 79.75 male 70 male 89 male 76.5 male x Male 76 male 77 male
