希望加快页面打开速度, 可以从以下几个方面着手:
把
<script>放到body后面
- 使用图标字体
- 多使用内联css
可以考虑使用
<picture>标签
可以先把图片地址放在
data属性上面, 然后滚动到的时候再放到src属性里
- 在nginx里面开启gzip
- 通过nginx来配置Cache-Control过期时间
- 通过nginx来配置etag
- 通过nginx来配置一下http/2. nginx会自动适配不支持http/2的浏览器自动用http/1.1
- 使用
<link rel="dns-prefetch" herf="xxxxxxxxxxxxxxx">这种标签来实现
- 去掉注释, 缩进
- html尽量不要嵌套太多层
- css选择器不要太复杂
希望加快页面打开速度, 可以从以下几个方面着手: 1. 减少渲染堵塞 避免head标签JS堵塞 把 放到body后...
1.避免head标签JS阻塞 所有放在head标签里的JS和CSS都会阻塞页面渲染。如果这些CSS和JS需要记在时...
本文总结了前段时间针对前端开发后，进行的一系列优化速度过程进行总结，重点说明http协议以及针对nginx的配置；...
1 页面减肥（删除不必要的空格注释，将inline的css 和script移到外部文件中） 2 减少文件数量（可以...
使用工具 使用sprite图，是为了在页面比较多icon的时候压缩请求数量，加快页面访问速度。由于gulp等前端自...
1、开启gzip压缩，浏览器是可以识别gzip压缩的。现在的服务基本上都使用nginx做转发，开启gzip也是很容...
推荐阅读 1、前端页面如何优雅的显示PDF：原理说明 2、前端页面如何优雅的显示PDF（上）：渲染页面 3、前端页...
推荐阅读 1、前端页面如何优雅的显示PDF：原理说明 2、前端页面如何优雅的显示PDF（上）：渲染页面 3、前端页...
性能优化的目的： 增强用户体验。但是这样说很虚，具体来说可以是：1.1. 加快页面展示速度（慢）1.2. 加快页面...
（应朋友要求写的一个小东西） 昨天在朋友圈发了加快了阅读速度这条之后，有朋友问我方法，一时间也想不起来怎么去写，就...
本文标题：如何加快前端页面打开速度
本文链接：https://www.haomeiwen.com/subject/iejyuftx.html
网友评论