For website designers, the access speed of the website is even more important than the content. Even if the website content is excellent, if the access speed is very slow, I believe that many people will not be patient. The following are some website weight loss methods that have been tried in web design. The results are pretty good. I hope to pay more attention to the following items when designing websites in the future.
1: Use gzip to compress documents: gzip encoding is a method used to improve web page performance. It can not only reduce storage space, but also reduce the time required for transmission. After compressing files in a website using gzip, it can significantly increase the loading speed of the web page, and also reduce the bandwidth traffic consumption of the website. (Using this method will increase the burden on the server because the server configuration needs to be modified and is not operational for virtual host users.)
2: css compression weight loss tool http://www.xland.com.cn/css/geshihuacss.htm
Copy your website's css code into this box and click to compress. Generally, you can compress 1-5k of css.
3: Lose weight for javascript files: This method is different from gzip compression function. There are many ways to reduce javascript documents. Here we recommend using js online weight loss website: http://javascriptcompressor.com/
4: Put the stylesheet file in external calls: Place the javascript and css stylesheet files that need to be used in the page in another folder, so that these called files will be cached when opening other pages of the website, thereby speeding up the loading of the website page.
5: Try to use gif format for website pictures. GIF format pictures take up little space. For example, my web design illustrations, jpg format pictures are generally between 10-50k, while GIF format pictures are generally below 10k.
6: Try not to call too large flash files and video files on the homepage.
7: Avoid using web page redirection: Whether it is through server-side redirection or content redirection through javascript code, the website will first load a blank page and then direct to another page. This not only extends the loading time of the page, but also may lead to inability to jump, leaving users facing a blank page.
8: Put the statistics code at the bottom of the website: Do not be in the same table or div tag as the page content. You can place the statistics code directly at the bottom of the page code, or make a table or div at the bottom to place the counter. In this way, your website speed will not be affected at all when the counter is not accessible.
9. Website testing speed website http://loadimpact.com
Enter the URL VeVb.com of the website you want to test in the text box, and then click the start test button to start testing the website speed. Wait for a while and you can count some detailed loading data of the loading website. Including overall loading and on-site pictures, as well as javascript, css and other code loading. You can select different files in the right list to compare them at the same time, with up to three objects loading data. In addition, a chart can be generated on the loadimpact website, which is convenient for us to conduct analysis. Through the generated data, you will know where the bottleneck in your website speed is, thereby further solving the problem.