怎么提升网页加载速度

 影响网页加载速度最重要的因素 有两个 ：

   一、网速

   二、加载的大文件  （比如图片  一个网页中有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 框架 把我们的操作放到了数据层面 增加了效率   让我们了解对于数据封装 面向对象的思想