美文网首页
网页优化-前端部分

网页优化-前端部分

作者: 斯蒂芬加油啊 | 来源:发表于2019-04-04 12:34 被阅读0次

1.把所有<script>标签都放到文档的末尾,</body>标记之前,就可以让页面变得更快。即使这样,在加载脚本时,window对象的load事件依然可以执行对文档进行时的各种操作。

2.尽量把多个js合并到一个脚本文件中,这样,就可以减少加载页面时发送的请求数量,而减少请求数量通常都是在性能优化时首先要考虑的。

3.压缩脚本。指的是把脚本文件中不必要的字节,如空格和注释,统统删除。从而达到“压缩”文件的目的。有很多工具可以完成这个操作。
精简后的代码虽然不容易看懂,却能大幅减少文件大小。多数情况下,你应该有两个版本,一个是工作副本,可以修改代码并注释;另一个是精简副本,用于放在站点上。通常,为了与非精简版本区分开,最好在精简副本的文件名中加入min字样。

4.什么是Cookie 隔离?
若静态文件位于主域名下,请求静态文件时会携带cookie到服务器,浪费流量,故需隔离。
由于cookie有域的限制,不能跨域提交请求,故将静态文件置于非主要域名下,请求静态文件时便不会携带cookie数据。如此可降低请求头大小和请求时间,以便达到降低整体请求耗时的目的。·

相关文章

  • 网页优化-前端部分

    1.把所有 标签都放到文档的末尾, 标记之前,就可以让页面变得更快。即使这样,在加载脚本时,window对象的lo...

  • Web性能优化

    网页渲染性能优化 —— 渲染原理https://zhuanlan.zhihu.com/p/39879808 前端不...

  • 前端基础:优化前端网页性能

    1.减少http请求 网页响应时间大多数花在下载网页内容(images,stylesheets,javascrip...

  • 前端性能优化

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 前端性能 优化 大全

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 网站性能提升----脚本的加载执行

    谈到网站优化这块,不管是前端后端都有许多各自的优化技巧,这个系列针对的是前端部分的优化; 标题是JavaScrip...

  • Nginx开启Gzip优化网页访问速度

    前言 开启Nginx Gzip 优化网页加载速度不限于Vue项目,所有前端皆可开启gzip优化如果是Vue项目可以...

  • 前端开发学习之路

    什么是前端? 前端大部分指的是Web前端开发,这个词最早出现是用来描述网页制作。网页制作是Web1.0的产物,那时...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

网友评论

      本文标题:网页优化-前端部分

      本文链接:https://www.haomeiwen.com/subject/cmyfiqtx.html