Five tips for optimizing mobile websites

More and more people are browsing websites on their mobile devices. Performance is crucial in this context.1. Set the order for the dataLet's stick with the example of elements changing as the page loads and accidentally clicking the wrong link. This problem can be solved quickly and easily: Don't let all the files on the page load at the same time! Set a specific order. First, the Page Layout, which defines the structure of the content. This allows users to understand the page’s layout and know where content will appear—even if text and images aren’t yet visible. It also prevents elements from jumping from one page to another. Now come the Text Content It's their turn. Users can now access all content. The site is already fully functional at this stage—even though the Pictures and Graphics are still missing. The latter load at the very end, in the third step. By following this order—layout, text, image—you give your visitors the impression that the page loads faster than it actually does. Users no longer have to wait as long in front of a blank page.2. Eliminate large files Now, regarding speed: Don’t just adjust the size of large files—get rid of them altogether! For many years, we’ve been hearing about the crucial role that user-friendliness plays in web design. According to conventional wisdom, it’s important for the images on our websites to automatically adapt to mobile screens. Really? This perspective often overlooks the fact that this negatively impacts the speed of mobile pages. Just because a page can adapt to the screen size doesn’t mean it’s optimally suited for mobile performance. A typical problem: A large image file may adjust to the smartphone display, but the original desktop-quality file remains huge. The file size still results in a long load time. That’s why it doesn’t make sense to simply resize desktop images for mobile devices. Instead, offer different versions on your server—one with high-quality images for desktop devices and a lighter version with lower-resolution images for mobile devices.3. Use a Content Delivery Network (CDN)To further speed up loading times, it’s worth using a Content Delivery Network (CDN). For example: When a user in the U.S. visits a mobile website hosted in France, the data has to travel a long way.The user’s mobile browser must retrieve data from the server in France, which then sends the data all the way to the U.S.—this slows down the process. A Content Delivery Network shortens the journey and thus reduces wait times—every millisecond counts when it comes to mobile web experiences. With a CDN, a website’s content can be copied and stored on various servers worldwide. The content is then delivered from a server located near the user.4. Make greater use of the cache Use the cache as often as possible to store data on your server or in users' browsers. This speeds up subsequent visits.Server cache: Data records that have already been calculated are stored on your server so that the next user who retrieves the same information can access the pre-calculated results in no time.Browser cache: Some static elements of your mobile site may look the same on multiple subpages, such as the company logo or the footer. These can be stored in the cache of the user’s browser. When the user visits another subpage of your mobile website, these elements are loaded directly from the cache because they are stored in the user’s browser.5. Simplify tags Another factor affects your website’s speed: the number of requests required to load each page—such as tags for ads and widgets. Since each request increases the load time, you should carefully consider which tools are useful on your website and which are not. Do you really need ten different ad servers? Keep only those that the analysis shows are truly helpful. By simplifying tags and requests, you can significantly improve the performance of your mobile site.About the author As Regional Director for DACH & CEE, Adrien Günther is responsible for AT Internet’s overall business in Germany, Austria, Switzerland, and the countries of Central and Eastern Europe. With relevant experience in key account consulting gained over the past four years as Head of Business Intelligence at Plan.net, he returns to AT Internet well-prepared. Prior to that, he had already worked at AT Internet for nearly three years as a strategic web analytics consultant. He has also held positions in the areas of SEO, search engine development, and web development.














