2.3、非阻塞 js
js 会阻止 html 文档的正常解析，当解析器到达 script 标记时，它会停止解析并执行脚本 。所以我们经常把 script 引入的 js，放到 html 中最底下 。如果需要让脚本位于页面顶部，建议添加非阻塞属性 。经常使用 defer 和 async 来异步加载js文件 。
<!--使用defer--><script defer src="https://www.520longzhigu.com/shenghuo/foo.js" ></script><!--使用async--><script async src="https://www.520longzhigu.com/shenghuo/foo.js"></script>2.4、图片压缩
最常见的就是 css 雪碧，就是将很多很多的小图标放在一张图片上，就称为雪碧图 。雪碧图最大优点就是可以减少http请求，除此也能压缩图片文件大小 。使用的时候，通过设置 background-position ，移动图片的位置 。除此之外，网站用到的大图，也需要在保证图片质量前提下优化到最小 。
2.5、矢量图替代位图
矢量图（SVG）往往比图像小很多，缩放的时候不失真，这些图像还可以通过 css 进行动画和修改，比位图方便控制 。可以的话，尽量用矢量图多点 。
2.6、js代码相关优化
- 尽量减少使用闭包，因为闭包所在的上下文不会被释放 。
- js避免嵌套循环和死循环，一旦遇到死循环，浏览器会卡死 。
- 在js封装过程中，尽量做到低耦合高内聚 。减少页面的冗余代码 。
- 尽量减少递归，避免死递归 。
- 尽量使用window.requestAnimationFrame替代传统的定时器 。
素材类的网站，页面一屏展示很多图片，而且图片还不能失真，图片加载太多，网页加载慢得很，所以就引用懒加载，只加载可视区的图片，避免加载可以能不需要或不必要的图像 。改善页面的响应时间 。
3.2、避免响应式布局
响应式网站虽然能够兼容所有终端设备，但是会出现隐藏部分无用内容，浪费带宽，加载时间还长，页面的渲染时间也长 。想更多了解响应式布局，请点击《前端响应式布局为什么是个坑？》 。
3.3、设置大小，避免重绘
遇到 img 标签，会立马发送一个 http 请求，下载图片，页面继续向下渲染，等图片加载成功了，发现图片的宽高大小发生变化，影响后边排版，所以页面会重新再绘制一次这部分 。所以尽可能设置图片的大小 。
3.4、减少DOM元素
解析 html 内容，将标签转化为DOM节点，之后再解析其他文件，DOM元素越少，也就是标签越少，文件转化得越快，加载速度也就快了 。
3.5、减少 Flash 的使用
flash 文件比较大，加载起来耗时 。除此，flash 插件还需要运行才能运行，最主要有些浏览器flash插件马上要下线了，建议尽量不用 flash 。
3.6、文件顺序
css文件放在最顶部，优先渲染 。js放在最底部，避免阻塞 。
让网页如何加载更快，有好多的细节，还是要好好提升自己的技能~~~~~~~~~
以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：- 高并发web架构介绍 jsp转html静态页面
- 页面重新加载JS方法 重新加载js文件
- 网站外链发布平台 seo外链发布平台
- word变横向页面的方法 word如何把页面横过来
- win7旗舰版优化全攻略 win7性能优化设置
- 企业网站排名优化公司 超级seo企业网站系统
- mac刷新快捷键桌面 mac电脑怎么刷新页面
- vue弹窗加载另一个页面的方法 vue弹窗加载另一个页面
- win10注册表优化教程 xp注册表优化工具
- 前端常用的性能优化方法 前端优化的方法有哪些方法