网站怎样减少页面加载量

网站减少页面加载量最主要的目的是减少资源消耗,加快页面的呈现速度。虽然延迟加载可以在一定程度上优化页面的性能,但不是所有的内容都需要第一时间加载给用户看或者重复加载的。

例如,用户在浏览页面第一屏的内容,那么页面在打开时就加载第一屏以下的一些内容就不是很有必要。再或者,官网页面中一些相同的部分,如导航、脚部声明等部分,这些修改率极低的内容每次都从服务器请求,在一定程度上增加了页面加载的负荷。

减少页面加载量的方法有很多,这主要用到了以下方法:

• 采用HTML5本地存储技术,在用户电脑里存储页面的一些内容,如导航、合作媒体、脚部声明等。这样用户在加载页面时,浏览器直接从本地获取这些内容,在一定程度上减少了资源的消耗。
• 图片随滚动条滚动加載,使用户在浏览页面时,动态按需加载图片。比如,用户在浏览第一屏内容时,第一屏以后的图片是没有加载的,当用户滚动页面时,呈现在浏览器中的部分会动态加载图片。
• 优化轮播广告的加载方式,页面打开时只加载第一张图片,在轮播到第二张图片时,才请求加载第二张图片,以此类推。
• 按需加载页卡的内容,官网首页右上的新闻版块,加載时只请求第一个页卡的内容,当用户点击其他页卡时,再加载页卡的内容。