If you want to attract readers’ attention, it is important to have a wonderful website with rich content. Unfortunately, if the page loads too slowly, readers may not see your content. What’s up? Only a few seconds can attract their attention and prevent them from moving to the next website. Readers don’t want to wait for content to load. The longer the waiting time, the higher the probability of loss. Therefore, it is very important to optimize the page loading speed. There are several useful tools online that can help you measure speed and solve problems. One of the most popular tools is Google pagespeed insights.
Pagespeed in site malegoogle pagespeed insights is a free online tool that can test the loading speed of the website, identify problems, assign priorities and provide suggestions to solve problems. In this article, my website is the default blog, using the elegant theme of divi. Demonstrate what needs to be modified, what tools suggest, and how to modify it. Scores provide mobile and desktop results. I focus on desktops. Some mobile problems will be solved in this process.
Most of these problems are solved through plug-ins. When deciding on plug-ins, please use the plug-ins that have been updated recently and have a good reputation. Many plug-ins can solve one or more problems. Caution – some plug-ins do not work well with others because they try to do the same. This may have different effects than expected. It is recommended to use it at the test site before using it at the main site. Not only the plug-in itself, but also the plug-in combination. Make sure you have a recent backup before trying the plug-in on site.
My score is terrible. The first thing to note is that the results have three different parts. Need to modify (2 items) consider modifying (6 items) qualified (2 items) each part will be expanded to show what the problem is and provide suggestions to solve the problem. It’s best to start with the first project and then proceed in order. If solved in order, other problems in the list will also be solved. Note: in this process, we have experienced several failures. I’ll include them and let you know the possible problems. There are two items that require immediate attention:
Enable compression disable JavaScript and CSS deletion in content that can be viewed without scrolling. The most important problem with enabling compression is not to use compression. This shows that the file transfer size can be reduced by 79%. You can do this using gzip or deflate. WP performance score booster this free plug-in will support gzip compression, delete query strings, add variable: accept encode header, set cache expiration time, solve CSS and JavaScript problems and other problems. It was chosen because there were 4.7\/5 active installations (more than 10000). Designed to speed up page loading and improve page score testing.
This is 78 points for reducing server response time. This has a lot to do with my hosting plan. I’m moving my site to a new hosting plan to fix this problem. It is beyond the scope of this article. One cool thing is that it solves some of the main problems of the following problems: Remove JavaScript and CSS that prevent rendering from content that can be viewed without scrolling. This issue has now moved to consider modification. We also completely modified the browser cache utilization. The website has now passed four rules
。 Only two have passed before.
The strange thing about the reduction in server response time is that the server response time increased from. 96 to 1.4. Now you need to modify it to reduce the server response time. This requires caching plug-ins. W3 total cache is the most widely used plug-in to improve the performance and speed of web server. Nearly one million active installations, level 4.4\/5. Optimize your site through caching. You can select other caching options separately. These include pages, databases, objects, and browsers. Cache future expiration headers and entity tags, seeds, and search results. You can also collapse JS, CSS, and HTML. After full configuration, the score of Google pagespeed will be increased by more than 10 times.
All caching functions were turned on and tried. This brings my score to 86. For the first time, my website became green and all my problems were under consideration. Now you will pass five rules, including the server response time of \
JavaScript and CSS can view the rendering in the content without scrolling, shield JavaScript and CSS deletion, but do not scroll. You can slow down the page loading speed by putting too much load on the browser. To load other items that can be viewed without scrolling, you must load them first. There are several solutions. The load delay directly enters the loaded HTML in an asynchronous manner. The following are the plug-ins used to solve this problem: Automatic optimization maleThe plug-in collapses JavaScript, CSS and HTML (removes all unnecessary formats, reduces file size and loads it into the browser). Add and cache expiration headers. Move the style to the page header and the script to the footer. Advanced settings allow you to adjust to specific requirements.
It also solves some problems, such as narrowing JS and CSS in the list. Initially open preferences for HTML, JS, and CSS. This raised my score to 88 and reduced the problem to 3 CSS resources. One is created by the plug-in itself, and the other two are Google fonts. Now, we will pass seven rules. CSS folding and HTML folding are solved. The main purpose of this plug-in is to reduce CSS and JS, but it also has cool functions to move files to the footer or other locations (that’s why I chose). Use the queue system to improve compatibility with browsers, plug-ins, and topics.
During installation, all layout settings of the theme have been deleted, and all menus, images, links, etc. appear on the far left of the screen. Fortunately, the format was returned when deleting. There may be parts in the setting that need to be adjusted. I’m sure this is a good plug-in because it has more than 60000 active installations and a rating of 4.4\/5. I’m just warning you that without some settings, you may not work the way you want. My score was 88. I knew what the three questions were, so I decided to move on to the next one. Image optimization image size has a great impact on the page loading speed. Sometimes, from the web, you can use smaller image size and lower quality without making too much visual difference. This will reduce the loading time
It not only takes less bandwidth, but also shortens the backup time and reduces the storage space of the server. Eww image optimization the plug-in automatically optimizes the image when uploading, and converts the image into the format that generates the minimum size. It also optimizes uploaded images. Loss reduction can also be applied to PNG and jpg images. When I install it, there are multiple files I want to find and install. I think the plug-in works well in all installed files, but I decided to find the plug-in that works by default. WPS ignores the plug-in to reduce the file size of the image without affecting the quality. Delete hidden information to do this. It will analyze your files and tell you how many images to destroy. It can be crushed in large quantities. The free version does not exceed 1MB, and only 50 are erased at a time. In addition, WP Smush Pro is required. This configuration can kill up to 32 MB of images at a time without limiting the number of images. Back up the original files as needed. The price starts at $19 a month. There are 114 images to smash. Eight of these images exceed 1 MB. I decided to fix them by hand. Smush 98 images, reducing file size by 4.79mb (8.82%). This brought my score to 90. Google insights identified five unsatisfactory images, but no more than 1MB. The value range is 0.7kb to 17KB. You can manually optimize an image by manually resizing it, reducing its quality, and changing its format. One of my favorite and most used image processing tools is paint. NET。 Windows free image and picture editing application has many functions to reduce file size. What do you like best? I thought I modified JavaScript, CSS and HTML thumbnails When dealing with other issues, we found that the only message to narrow down was JavaScript. After optimizing the image, all three questions are returned. I quickened my pace to find out what had happened. If you try better WordPress minify and close it again, you will be prompted to shrink CSS and HTML. My score dropped to 88 and now I have passed five rules. The folding function of W3 total cache has now passed all folding problems. Now I got 88 points and passed eight rules. In addition, there are 6 files in the section that can be viewed without scrolling. I know I’ve solved some of these, so I must have changed something. We found that we solved some problems and disabled automatic optimization when better word press minify had problems in the past. Reopen autooptimization, close minify from W3 total cache and clear the cache (a very important step!). I now got 90 points and the website passed 8 rules. Return to the message \
I) for the record, the mobile phone score is from 36 to 78. To solve this problem, images and files must be optimized for mobile devices. Finally, visitors, Google and other search engines don’t like websites that load slowly. With Google pagespeed insights, you can know exactly what the problem is and get tips on solutions. With a few free plug-ins, you can move from slow sites that Google doesn’t like to fast sites that Google likes. Please experiment carefully. Some plug-ins do not match other plug-ins. I’d like to hear your opinion. Have you optimized your WordPress site with Google pagespeed insights? Is your experience similar to mine? Did you use other plug-ins to solve the problem? I’d like to hear your experience from your opinions.
