网站设计方面如何提高页面加载

日期：2019-03-26 09:48:00 访问：次作者：网建科技

经大数据分析证明，网站设计上如果有冗余的内容，导致加载出现延迟每增加100毫秒，用户的的耐心值就会减少0.2％至0.6％，用户在接触时间越长，对于延迟的容忍度越低，在提高加载速度方面，可以采取以下措施。

1、服务器

为企业选择合适的主机，是创建网站的第一步，使用专业配置进行主机会有很大帮助，也是最基础的性能问题所在。

2、利用浏览器缓存

可以让用户从浏览器的缓存中获取网站资源，为资源设置过期标头时，例如所有jpeg图像，浏览器将存储缓存中的那些资源，下次访客返回页面时，加载更快。

3、启用gzip压缩

Gzip是目前流行的压缩方法，可以将响应大小减少约70％，如今大约90％的互联网流量可以支持gzip。Gzip减少了HTTP响应的大小，有助于缩短响应时间，是减轻页面重量的简单方法，可以将代码添加到htaccess文件来启用，或者按扩展名压缩某些文件类型，使用gzip可以将传输大小减少60％以上。

浏览器在加载图像之前呈现页面，指定图像尺寸，否则浏览器下载图像后将重排，在标签里面使用height和width标记属性。不要使用尺寸来动态缩放图像，用户会下载原始文件大小，导致卡顿。

4、使用CDN

CDN内容传送网络是分布在多个位置的Web服务器的集合，以更有效地向用户传送内容，用于向特定用户传送内容的服务器。根据访客的区域从不同的服务器加载，可以将CDN主机与标准Web托管进行比较。

5、内容优化

内容元素优化也很重要，尽量减少重定向，有时将网站设计的不同部分连接在一起，需要重定向到另一个URL，重定向会触发额外的HTTP请求并增加延迟，只保留必要的重定向，切勿在网页中引用重定向到其他网，不需要多个重定向来获取给定资源，有时候为了捕获错误的用户输入问题，有可能会从多个域重定向，这种情况要酌情使用。某些CMS使用字符集功能，有助于最小化请求，可以进行HTML的优化。删除HTML注释部分，减少空格和空元素可以加快加载时间。

6、避免垃圾请求

垃圾请求例如爬虫之类的，可能会导致网站短时间卡顿，要从技术手段上限制爬虫抓取页面，做好反爬，除了搜索引擎爬虫，其余类型的爬虫都予以屏蔽。

7、减少DNS查找

DNS查找需要花费大量时间来查找主机名的IP地址，在查找完成之前，浏览器无法执行操作，减少主机名的数量会增加响应时间。