It's no secret that the percentage of users who access the site from mobile devices is growing steadily every year, this is a global trend. With the growth of mobile traffic, search engines have introduced new criteria for evaluating sites for ranking in search queries. The more the site meets the criteria of internal search engine optimization, the higher it will be ranked in the issue, all other things being equal. Sites that are not optimized for display on mobile devices may even fall out of the index, if they do not have unique and sought-after content. help with essay
A month ago, google sent a letter, where he expressed extreme concern about the poor optimization of the online store teplyipol.net for mobile devices.
Google systems have been tested 100% of these mobile errors. This website has a severely affecting experience. This page will not be seen as mobile-friendly by Google Search.
To assess the internal site optimization, we will use the service. PageSpeed Insights . The service evaluates the site in 3 areas:
- For mobile - Speed - 47/100
- For mobile - User Friendly - 66/100
- For computers - Recommendations - 59/100
The main problems in the opinion of PageSpeed Insights:
- Bad optimization of images, scripts and css styles. For example, one of the product images of 200x200 pixels has a size of 128 kilobytes.
- No data compression during the transfer of content to the user.
- Data caching is not applied in the user's browser, i.e. when you re-visit the page previously downloaded files are loaded again.
To quickly fix these and related problems, we will use the module PageSpeed Module for the server. The module combines the best solutions for optimizing the loading of web pages and automatically performs all the necessary actions. The module can be installed for the apache or ngnix web server and immediately after installation it allows to increase the speed of processing web pages. To install the PageSpeed module, the site had to be transferred to a dedicated server. Immediately after installation and activation, the module intercepts the content that the server sends to the user, cuts out all unnecessary, compresses and caches.
The next step is to improve the quality of the site display on the displays of mobile devices. When developing an online store template, the principle of adaptive design was applied, i.e. The site does not require a special mobile version and automatically adjusts to the user's display. But individual elements of the site - link buttons, menus are small and too close for comfortable viewing from a mobile phone or tablet screen. Instead of fixing the current MegaShop template, which is already outdated, it was easier to install a more suitable new World template.
In the initial state, the World template is also far from ideal and needs to be improved, deleted unused scripts and css styles to speed up the loading of web pages, but generally meets the requirements of search engines.
After optimization, we repeat the check of the online store, the result:
- For mobile - Speed - 90/100
- For mobile - User Friendly - 96/100
- For computers - Recommendations - 96/100
