Web Optimization Solutions

12 recommendations for page load speed optimization

2014-05-27 10:05 Source: Wood-Wood SEO Blog editor: Snow ping "error correction" 0 people reviews

Radware published the 2014 Spring e-Commerce page speed and Web performance "The survey report highlights the importance of e-commerce page loading speed, noting that many sites are not leveraging the best page optimization techniques, and page acceleration is a big drawback. Then how to remedy, improve the loading speed of the site page?

The report gives a 12-page load-speed-optimized remedy to improve load times and improve the user experience of webmaster visitors. These suggestions can be used by site operators to solve page load speed challenges. Compile as follows:

1. Merging JS files and CSS

The JS code and CSS styles are merged into a shared file, so that not only simplifies the code, and in the execution of JS file, if the JS file is more, you need to make multiple "Get" requests, to extend the loading speed, the JS files merged together, naturally reduced the number of Get requests, Increases the load speed.

2. Sprites Picture Technology

Spriting is a Web page image application processing method, it is a page involved in all the scattered images are included in a large map, and then use CSS technology to show. In this way, when the page is accessed, the loaded picture will not appear as before, a picture of the image, can reduce the entire page picture size, and the use of csssprites can be a good way to reduce the Web page HTTP requests, which greatly improve the performance of the page. Csssprites in the domestic many people called the CSS Wizard, very early on, in many large sites are useful to, especially some of the icons of all the existing pages are used more, very good speed to increase loading.

3. Compress text and pictures

Compression techniques such as gzip can effectively reduce the time of page loading. including Html,xml,json (JavaScript object symbols), JavaScript and CSS, etc., the compression rate can be in the size of about 70%. Text compression used more, generally directly in the space to open the line, and the image compression is more arbitrary, many are directly uploaded, in fact, there is a lot of compression space.

4. Delay the display of content outside the visible area

In order to avoid page distortion, you can use placeholder tags to make the correct height and width to ensure that users can see pages in the visible area more quickly to delay loading or to show content outside the visible area. such as WP Jqueryimage LAZYLOAD plug-in can be in the user stay in the first screen, do not load any of the first screen below the picture information, only when the user to scroll down the mouse, these pictures only began to load. This obviously increases the loading speed of the visible area and improves the user experience.

5. Ensure that the function image is loaded first

Web site mainly consider the importance of usability, a function button to be preloaded, the user into the download page, a need only 8s time download spent 5s waiting, looking for download button pictures, who can endure?

6. Re-layout Call-to-action button

In fact, this is similar to the above one, all from the user experience speed to start, skipping the overall load speed of the page. The speed has not changed, just let some behavior button in advance, Call-to-action button general custom design at the bottom of the page, such habits for the user is not always good, buy users need to wait until the bottom load out to click Next action. You can adjust the position of the CTA button or use the Slide Picture button. This is the type of shopping cart that is added to many large shopping sites.

7. Image format Optimization

Inappropriate image formats are a very common culprit in slowing down the loading speed. The correct picture format allows the picture to be scaled down several times if saved in the best format. It's a common practice to save a lot of bandwidth, reduce processing time, and greatly speed up page loading.

8. Use Progressive JPEGs

The Progressivejpegs image is a special variant of the JPEG format called "Advanced JPEG". When you create an advanced JPEG file, the data is arranged like this: when you load an image, you begin to display only a blurred image, and as the data is loaded, the image becomes clearer. It is equivalent to a picture in an interlaced GIF format. Advanced JPEG is primarily designed for use with a slow network of modems, and users of fast networks often do not experience the difference between it and normal JPEG format images. For users with slow speed, this is undoubtedly a good experience.

9. Streamline the Code

This can be said to be the most direct method, but also used more, the page code to thin, delete unnecessary sink redundant code, such as unnecessary space, line breaks, comments, etc., including the JS code in the useless code also need to clear. One of the comments on the code to clear some people may have misunderstandings, and even some in the inside stuffing keywords.

10. Delay loading and execution of non-essential scripts

There are many scripts in the Web page that do not need to be executed until the page is fully loaded, and you can defer loading and executing nonessential scripts. These scripts can be executed after the OnLoad event to avoid affecting the rendering of important content on the Web page. These scripts may be your own pages of toluene, often more are some third-party scripts, so there are many, such as comments, ads, smart recommendations, Baidu Cloud, share, and so on, which can be completed after the main content is loaded and then executed.

11. Using Ajax

Ajax, "Asynchronous Javascript +xml", refers to a web development technique that creates interactive Web applications. Ajax enables Web pages to be updated asynchronously by exchanging small amounts of data in the background with the server. This means that you can update a part of a webpage without reloading the entire page. Traditional Web pages (without Ajax) if you need to update your content, you must reload the entire page surface.

12. Automated Page Performance optimization

Automated page performance optimization is the use of tools, website speed up tools have a lot of, here Radware recommended Home Radwarefastview, also calculate radware to home do an advertisement, here not much to say.

The above is the 12 page load speed optimization Suggestions given by Radware, adding some personal suggestions.

Welcome to Wood-Wood SEO Blog: http://blog.sina.com.cn/mumuhouzi public number: Mumuseo

Web Optimization Solutions