前端页面优化的方法

 时间:2024-10-12 02:41:32

前端页面优化的方法。开发过前端的人都知道,互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。下面我就详细说说如何优化页面的方法

资源的压缩

1、html文件的压缩。前端开发最基础就是html代码压缩,如何进行html压缩。大家可以自行百度关键词【html压缩】;nodejs 提供了html-minifier工具可以进行压缩;最后还有后端模板引擎渲染压缩

前端页面优化的方法

3、js压缩。主要对其无效字符的删除;剔除注释;代码语义的缩减和优化;代码保护(代码逻辑变得混乱,降低代码的可读性,这点很重要)

前端页面优化的方法

2、协商缓存:向服务器发送请求,服务器会根据这个请求的request header的一些参数来判断是否命中协商缓存,如果命中,则返回304状态码并带上新的response header通知浏览器从缓存中读取资源;另外协商缓存需要与cache-control共同使用。

前端页面优化的方法

预解析DNS

1、资源预加载是另一个性能优化技术,我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。通过 DNS 预解析来告诉浏览器未来我们可能从某个特定的 URL 获取资源,当浏览器真正使用到该域中的某个资源时就可以尽快地完成 DNS 解析。如下图所示:

前端页面优化的方法
  • Word文档中怎么插入漂亮的形状
  • vc++6.0的安装和使用
  • 薪酬调查报告怎么写?
  • PPT幻灯片如何从外部按指定路径缓慢进入
  • 交通事故修理费超出定损范围索赔
  • 热门搜索
    莆田旅游网 大连海岛旅游网 成都市区旅游景点大全 香港迪士尼旅游 最近国内旅游报价 11月份去哪里旅游好 贵德旅游 青岛旅游景点介绍 全景旅游 冬天去哪里旅游好