怎么提升网页加载速度
来源:互联网 发布:lol最新物品数据库 编辑:程序博客网 时间:2024/05/04 01:38
影响网页加载速度最重要的因素 有两个 :
一、网速
二、加载的大文件 (比如图片 一个网页中有N多张图片)
然后还有下面的几点也需要特别注意:
1、html布局布的好 没有太多div嵌套
2、css 写的好 没有太多杂乱的css 一般css放在head 要好些
3、js 放到页面尾部去 一般从网上渲染的时候 开始加载了css 这时js在底部 暂时不需要 加载js 就可以让别人看到css渲染的html很快速的渲染出来
4、网速咱没办法 但是大文件 js放到底部去 图片 用预加载(原理就是<img src="默认的一张很小的图片" data-src="真正的路径")当这个img在网页中显示出来的时候 再把src 的路径替换成data-src中的路径
5、还有一个就是合图 把多张小图片 合成一张图片 然后在页面显示出来 因为浏览器有缓存 咱们就利用好这个缓存
6、再就是注意自己的Js代码 不要出现死循环那些基本性的错误 注意代码质量
7、会优化图片 比如用ps 一张图片400k 优化80% 大概只有100k 的样子吧 优化70% 就只有几十K 一般优化60%就到底了 再优化就会影响图片的质量了
8、还有png的图片png-8 png-24图片有很大的不同 如果做小icon图 png-8可能会有毛边 这就需要自己的注意 当然 png-8也比png-24要小多了
其实大部分只要网速好 图片经过优化 预加载 js放到后面去 一般网页加载还是蛮快的
最后讲一句 之前做前面对于页面的操作 一直都是去操作dom层面 现在网上有很多mvvm 框架 把我们的操作放到了数据层面 增加了效率 让我们了解对于数据封装 面向对象的思想
- 怎么提升网页加载速度
- JavaScript提升网页加载速度
- 网页预加载---提升网页浏览速度
- 如何提升网页的加载速度?
- 提升网页加载速度 | google网站速度测试
- 如何通过预加载器提升网页加载速度
- 如何通过预加载器提升网页加载速度
- 如何通过预加载器提升网页加载速度
- 如何通过预加载器提升网页加载速度
- 如何通过预加载器提升网页加载速度
- 如何通过预加载器提升网页加载速度
- 如何通过预加载器提升网页加载速度
- 提升网页加载速度—预加载VS预读取
- 通过预加载器提升网页加载速度
- 前端预加载器提升网页加载速度
- 前端如何提升网页加载速度,加载速度提升有什么好处?
- 网站打开速度优化:如何提高网页加载速度,提升网页打开速度
- SEO优化:网页加载速度优化提升用户体验
- c 内存四区简介
- 学习知识归纳
- Linux常用用户管理命令
- Maven工程 使用Freemarker实现网页静态化(真正静态化,不是伪静态)
- android开发避免Context引起的内存泄露问题
- 怎么提升网页加载速度
- 常用的、现成的!正则表达式及基础知识
- 添加元素(数组末端)
- Ubuntu16.04下设置桥接的方法
- 什么是:语法糖、语法盐、语法糖精
- 矩阵中 为什么矩阵的迹就是特征值的和 为什么等于第二项系数?要具体证明
- MapReduce
- 策略模式
- impinj R2000开发板维修记录——程序下载