zoukankan      html  css  js  c++  java
  • 网页加载慢的原因

    1、原因一:http请求次数太多

    解决:减少http请求次数

    ① 图片地图:把多张图片整合到一张图片中,以位置定位超链接。

    ② CSS Sprites合并图片,通过指定CSS的backgroud-image和
    backgroud-position来显示元素。

    ③ 合并JS脚本和CSS样式表。

    ④ 使用外部JS和CSS文件。

    2、原因二:接收数据时间过长,如下载资源过大解决:对HTTP传输进行压缩,即在js,css、图片等资源已经压缩的基础上,在HTTP传输过程中的再次压缩。客户端可以通过Accept-Encoding头来声明浏览器支持的压缩方式,服务端通过Content-Encoding来启用压缩,配置压缩的文件类型,压缩方式。gzip使用无损压缩,压缩效果最佳,已经成为使用最为普遍、支持的浏览器最多的数据压缩格式。

    3、原因三:JavaScript脚本过大,阻塞了页面的加载

    解决:将JavaScript脚本放在</body>标签前。script没有async和defer时,JS文件将在下载后立即执行。这种情况下,script放在顶部会阻塞页面呈现,在网速慢的情况下会导致“白屏”,直到脚本下载完毕才继续呈现页面。因此,script放在底部可以让页面尽快呈现。

    4、原因四:CSS、JavaScript、图片等需要重复加载

    解决:静态资源统一放在一个静态域名上,减轻重复下载静态资源的负担。
    5、原因五:cookie影响

    解决:减小cookie的影响

    ① 去除没有必要的cookie,如果网页不需要cookie就完全禁掉。

    ② 将cookie的大小减到最小:减小HTTP请求报文的大小,提高响应速度。

    ③ 设置合适的过期时间:cookie信息将存储到硬盘上,即使浏览器退出cookie还会存在,
    只要cookie未被清除且还在过期时间内,该cookie就会在访问对应域名时发送给服务器。

    ④ 通过使用不同的domain减少cookie的使用:cookie在访问对应域名下的资源时都会通
    过HTTP请求发送到服务器,但在访问一些资源,如js,css和图片时,大多数情况下cookie
    是多余的,可以使用不同的domain来存储这些静态资源,这样访问这些资源时就不会发送多
    余的cookie,从而提高响应速度。

    6、原因六:网页资源过多

    解决:使用CDN部署网络以提高下载速度,可以先通过免费的CDN供应商来分发网页资源。

  • 相关阅读:
    Qt使用QCustomplot绘制曲线--修改纵坐标显示宽度
    为WPF项目添加Program.cs
    error: C1083: 无法打开包括文件: “QApplication”: No such file or directory
    clangbackend已停止工作
    无法处理文件 MinimalSimpleBrowserForm.resx,因为它位于 Internet 或受限区域中,或者文件上具有 Web 标记。要想处理这些文件,请删除 Web 标记。
    QByteArray转QString打印
    zend studio中ctrl+鼠标左键无法转到类或函数定义文件的解决方法
    HTML无刷新提交表单
    这个是我得标题:1548241388
    这个是我得标题:1548241357
  • 原文地址:https://www.cnblogs.com/hanmengya/p/10958479.html
Copyright © 2011-2022 走看看