How the client improves the WEB page display speed (1)

Source: Internet
Author: User

The client increases the display speed of the Web page. For the client browser, it needs to display the obtained Html code as soon as possible, instead of waiting for the remaining Html to be received.
The Table label in Html must have the entire Table content accepted before it can be displayed.
If the server does not respond quickly at this time, it takes a long time to open a page. In fact, a lot of content has been downloaded between them. It is because the content in some tags is not downloaded and cannot be displayed. In this way, if the network bandwidth is poor, the user experience will be uncomfortable.
A literary website I am interested in, using JavaScript to load data island, has better solved the problem of display speed. If you are interested, refer to this website? : Http://www.pinshu.com/book/booklist1.asp? ShuID = 1, 645
He uses Table to define the main architecture of the entire page. The specific content to be displayed in each block is defined on the data island. Then load the data in JavaScript. Then it is displayed.
The benefit of this solution is that the architecture of the entire page will soon be displayed. Then load each piece of data.
The disadvantage is that data island uses JavaScript ,? Many of them are only supported by IE. Poor compatibility.
It is not suitable for websites that need to consider compatibility.
When designing a large website, tables are used properly. A page consists of multiple independent tables ,? Each Table is not very big. After a Table data is downloaded, it will be displayed immediately.
A typical site is http://news.sina.com.cn? Each piece of news is a Table, and each piece of news is a piece of news. After the content is downloaded, it can be immediately displayed. You do not need to wait until all data is downloaded.
When using tables, you can use the following methods:
(1) Small possible large tables
(2) Add the <tbody> label
(3) Use Style = "table-layout: fixed" to display the table as a row.
(4) give the width and height of each cell as much as possible.


Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.