zoukankan      html  css  js  c++  java
  • 页面加载速度缓慢时,如何优化?

    提高页面加载速度,优化方法:

    1、使用免费 cdn 加载第三方资源

    2、合并压缩js,css,减少请求次数以及减少流量的消耗

    3、代码优化:

    HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染,因此CSS放在页面头部并使用Link方式引入,JavaScript的引入放在页面尾

    其次:

    1. 按需加载,把统计、分享等 js 在页面 onload 后再进行加载,可以提高访问速度;

    2. 优化 cookie ,减少 cookie 体积;

    3. 避免 <img> 的 src 为空;

    4. 尽量避免设置图片大小,多次重设图片大小会引发图片的多次重绘,影响性能;

    5. 合理使用display属性:

    6. (1).字体图标

      (2).雪碧图

      (3).图片地图

    a.display:inline后不应该再使用width、height、margin、padding以及float
    b.display:inline-block后不应该再使用float
    c.display:block后不应该再使用vertical-align
    d.display:table-*后不应该再使用margin或者float
    1. 不滥用Float 和 web 字体;

    2. 尽量使用CSS3动画;

    3. 使用 ajax 异步加载部分请求;

    4、懒加载

    对于一些图片,显示首屏的,后面scroll到的时候再加载

    5、预加载

    预加载是在浏览器空闲时请求将来可能会用到的页面内容(如图像、样式表和脚本)。使用这种方法,当用户要访问下一个页面时,页面中的内容大部分已经加载到缓存中了,因此可以大大改善访问速度。

  • 相关阅读:
    UVa Live 3942 Remember the Word
    UVa 11019 Matrix Matcher
    bzoj 4445 小凸想跑步
    Codeforces 832E Vasya and Shifts
    二值法方法综述及matlab程序
    排序算法(1)-插入,选择,冒泡
    如果我想了解一个陌生人
    Libsvm在matlab环境下使用指南
    科学预测世界杯-采用机器学习方法
    应用笔画宽度变换(SWT)来检测自然场景中的文本
  • 原文地址:https://www.cnblogs.com/lvxisha/p/9857598.html
Copyright © 2011-2022 走看看