• 提高网页性能优化


      1.多采用雪碧图

      将很多图片合成一张图片,需要多次请求,只需要一次就请求过来了,减少向服务器的请求次数

      2.阻止超链接的默认行为  

      点击超链接,会向后台发送请求,刷新页面,所以要以<a href="javascript:;"></a>  取消刷新页面的功能

      3.减少dom回流 

      dom回流:

      添加一个,对第一个计算一次

      添加两个,对第一个计算两次,对第二个计算一次

      添加三个,对第一个计算三次,对第二个计算两次,对第三个计算一次

      页面渲染时,我们对HTML结构简单的增删,查改时,浏览器会对所有的dom重新排列,这就是dom回流,严总影响浏览器性能

      所以使用文档碎片来减少dom回流(字符串拼接,及dom回流的结合版)

      采取文档碎片的方式: var s=document.createDocumentFragment;  (创建文档碎片)  s是一个空的盒子,没有任何东西,也不会造成任何影响    所以 s.appendChild(dom操作)

      4.减少向服务器的请求次数

      尽可能多的减少向服务器的请求次数,提高网页的性能

      5.使用图片的懒加载(已封成插件)

      等图片出现在可视区时,让图片进行src,向外部请求资源

  • 相关阅读:
    ubuntu安装谷歌浏览器
    Andoid之硬件访问服务1(让Andoid应用程序访问c库)
    JNI intArray
    JNI Hello World
    Ubuntu 14.04 Sublime Text3 Java编译运行(最简单的方法)
    Python中sys.argv的用法
    python连接mysql数据库
    python中join()函数讲解
    python中split()函数讲解
    深度学习入门教程
  • 原文地址:https://www.cnblogs.com/shangjun6/p/9965504.html
Copyright © 2020-2023  润新知