WordPress site, checking in PageSpeed ​​Insights and validator.w3.org. Can someone suggest about the first and second. How can you raise and fix. By speed, I compressed the photo and code of some .css, .js files. What else can you do with it to get a higher grade? On the validator there were about 20 errors, from fixed. There are 3 errors left, but when I started browsing, I realized the following thing. My site is http://intel-media.biz

Validator is one with some kind of bug, or I don’t know how it checks ... 1 error There is an opening and closing tag in the code, as it is checked manually, the search is entered in the source code

1 answer 1

  • About the speed of loading your website . Your website has an initial download speed (without cache) for more than 8 seconds . Statistics reports that users with mobile devices expect downloads between 2 and 3 seconds. Since currently these users make up a little more than 50% of the traffic on the network, your website has the same - more than 50% - the loss of traffic. For a detailed analysis of download speeds, open the suggested speed tester link and click on Waterfall. There are two Waterfalls - initial loading and after caching. With these windows you can analyze and optimize your files and images. For example: the image of this picture - the tester reports that the downloaded image size is 4.5 KB, and the uncompressed volume = 4.3 KB (Uncompressed Size: 4.3 KB)

Web page load analyzer

You can change the size of the picture to the size of the real show, you can also change the format of the picture, for example on jpeg (jpg), with this tool . You can compress the size of the picture with this tool . Please note that a simple transfer of a picture into jpeg (jpg) format will save approximately 50% of the picture size. Google article on image optimization and Art direction + about the srcset attribute . Currently, to speed up the loading of mobile websites, Google has created AMP - Accelerated Mobile Pages . Here is a special cdn, which performs all the work. You can choose a template for your website and check your web page on the validator .

  • About source code errors . The validator indicates specific errors of your source code. For example: Section lacks heading - Section has no title. The semantic elements Main, section, article require headings with attributes h - article W3 . Headings help the browser understand the structure of the page. From headlines, search engines get Long Tail information. Check the structure of the main page of your site . You can see that the first headline - Any questions? - gives little information about the web page. The following source code error: End tag article seen, but there were open elements - there is a closed element of the article, but there is no open element. Unclosed element div - unclosed div element. You can independently find these elements in the source code and correct them. Source code errors also reduce the speed of loading web pages, as the browser spends too much time building the DOM document object model . Once again, I recommend that you use AMP - Accelerated Mobile Pages for your website - articles about it . Example of page loading speed AMP = 87/100 for mobile .