The mobile optimization of your website has become indispensable in this day and age. But not only the design plays an important role. Long loading times scared users. So you can convince with good performance.
In the days of the Mobile First Index, where more and more people are accessing the Web with their smartphones, mobile optimization of your website is becoming more and more important. Loading time also plays a big role, because the longer your page loads, the faster the visitors are away. For example, if your mobile site is charging for more than eight seconds, Google expects a user loss of approximately 30 percent. To be well prepared, your loading time should be a maximum of five seconds. You can test the performance of your website directly on Google . At the same time, the charging speed is also analyzed in the much slower mobile data network.
The optimization of the images should have every website operator on the screen. Photos are probably the biggest elements on websites and cause long waiting times. Non-optimized images that are simply uploaded directly from the camera, for example, are like several megabytes in size.
This is sometimes due to the high resolution, which is superfluous for the Web in most cases, however. But not only the resolution affects the file size. Many other factors also play a role. With appropriate free tools , the file size can be greatly reduced without significant loss of quality.
Do not load images until they are needed
Lazy Loading is the name of the solution and is used by many popular blogs. Medium is a good example of such use. If, for example, you publish a long article with several images, the photos placed below will not be loaded from the beginning. Only when the reader scrolls through the text and the images are to appear, they are reloaded. This can greatly reduce the load time and is an intelligent way to optimize performance. One possible WordPress plugin for this feature is WP-Rocket.
Remove waiting while typing
A mobile technology in the browser is the double-tap gesture for zooming. However, this causes a wait of 300 to 350 milliseconds, in which the browser waits to see if you want to run a single or double tip. However, the gesture is largely superfluous for a mobile-optimized website, as everything should be easily recognizable. It can be deactivated with the following code snippet in the header of your HTML pages.
<meta name="viewport" content="width=device-width">
The zoom gesture with two fingers remains untouched by the way. You can also find more details about this topic in the Google developer blog . Jake Archibald, the author of the article, sees a high performance gain by removing the waiting time. It makes a big difference if a click on a button is executed immediately or if a time is waited – even if it is a fraction of a second.
Plugins are … not always great
Especially if you use a content management system like WordPress for your website, the temptation is to install many plugins with great features. But the features are not that great when plugins work constantly in the background and slow down the loading time. The more extensions you use, the worse it can be. So remove all superfluous plugins and think about which ones are really essential and actually justify worse performance. The remaining plugins should also keep you up to date.
Google AMP for your mobile website
Pages frequently visited by visitors can be loaded significantly faster with caching. Thus, the website is stored in the user’s browser for a certain period of time in the cache and partially loaded from there as soon as the page is reopened. A performance advantage that benefits both mobile and desktop devices.
Overall, far more factors play a role, of course. Including of course your hosting provider. The biggest successes are likely to be achieved with the optimization of images and the use of lazy loading technology. But the use of AMP for the Google search engine is a very useful way to improve performance.