Dalian website construction: 11 suggestions for optimizing website loading speed

The minor editor sorted out the remedial measures for optimizing the page loading speed to improve the loading time and the user experience of the webmaster browser. Website operators can use these suggestions to solve the problem of page loading speed. As follows:

　　 1. Merge Js files and CSS 　　

Combining JS code and CSS style into a shared file can not only simplify the code, but also make multiple "Get" requests when executing JS files, thus extending the loading speed. After JS files are merged together, the number of Get requests will naturally decrease, and the loading speed will also increase. 　　

　　 2. Sprite image technology 　　

Sprinting is a web page image application processing method, which includes all the scattered images involved in a page into a large image, and then displays them through CSS technology. In this way, when you visit this page, the loaded images will not be displayed one by one as before, which can reduce the size of the entire page image. The use of CSS Sprites can reduce the http requests of the page, thus greatly improving the performance of the page. CSS sprites are called CSS sprites by many people in China. They have existed for a long time and are used in many large websites. In particular, some icons on all pages are used more frequently, which greatly improves the loading speed. 　　

　　 3. Compress text and pictures 　　

Gzip and other compression technologies can effectively reduce the page loading time. Including HTML, XML, JSON (JavaScript object symbol), JavaScript, CSS, etc., The compression ratio can reach about 70%. Text compression is widely used. Generally, it only needs to be opened directly in space, while image compression is more casual, and many are uploaded directly. In fact, there is still a lot of compression space. 　　

　　 4. Delay the display of content outside the visual area 　　

To ensure that users can see pages in the visible area faster, delay loading or displaying content outside the visible area, and avoid page deformation, placeholder labels can be used to set the correct height and width. For example, when the user stays above the fold, WP's jQueryImage LazyLoad plug-in cannot load any image information above or below the fold. These images start to load only when the user scrolls down. This significantly improves the loading speed of the visual area and improves the user experience. 　　

　　 5. Make sure to load function pictures first 　　

The website mainly considers the importance of usability. To load a function button in advance, the user enters the download page. A download only takes 8s, and it takes 5s to wait. Look for the image of the download button. Who can bear it?

　 6. Rearrange call to action buttons 　　

In fact, this one is similar to the one above, starting from the user experience speed and skipping the overall page loading speed. The speed has not changed, but some action buttons have been pushed. Call buttons are usually designed at the bottom of the page, which is not always good for users. The purchasing user needs to wait until the bottom is loaded before clicking Next. You can adjust the position of the CTA button or use the slide picture button. This is the shopping cart type of many large shopping websites. 　　

　　 7. Image format optimization 　

Improper image format is a common reason for reducing loading speed. If you save in the best format, the correct picture format can make the picture several times smaller. It can save a lot of bandwidth, reduce processing time, and greatly speed up page loading, which is a very common practice. 　　

　　 8. Use progressive JPEGs 　　

Progressive JPEGs pictures are a special variant of JPEG format, named Advanced JPEG. When creating an advanced JPEG file, the data is arranged as follows: when loading an image, only the blurred image is displayed at first, and as the data is loaded, the image gradually becomes clear. It is equivalent to interleaved GIF images. Advanced JPEG is mainly designed for slow networks using modems. Users of fast network usually do not realize the difference between it and normal JPEG format pictures. For users with slow network speed, this will undoubtedly have a good experience. 　　

　 9. Simplified code 　　

This can be said to be the most direct method and the most widely used method. Thin down the web code and delete unnecessary and redundant code, such as unnecessary spaces, line breaks, comments, etc., The useless code in the JS code also needs to be cleared. Some of them may have misunderstood the removal of comment codes, or even stacked keywords in them. 　　

　　 10. Delay loading and executing unnecessary scripts 　　

There are many scripts in the web page that do not need to be executed before the page is fully loaded, so it is possible to delay the loading and execution of unnecessary scripts. These scripts can be executed after the onload event to avoid affecting the display of important content on the web page. These scripts may be the toluene of your own website, and are often more third-party scripts. There are many such scripts, such as comments, advertisements, intelligent recommendations, Baidu Cloud Maps, and sharing. These can be fully executed after the main content is loaded. 　　

　　 11. Using AJAX 　

AJAX, namely "asynchronous Javascript+XML", refers to a web development technology for creating interactive web applications. AJAX can make web pages update asynchronously by exchanging a little data with the server in the background. This means that you can update some parts of the page without reloading the entire page. If the content needs to be updated, the traditional web page (without AJAX) must reload the entire web page.