zoukankan      html  css  js  c++  java
  • 前端性能优化

    1.加载优化

    加载过程是最为耗时的过程,可能会占到总耗时的80%的时间,是优化的重点。

    1.减少HTTP请求

    2.合并图片,使用雪碧图

    3.缓存,减少向服务器的请求数,节省加载时间,所有的静态资源都要在服务器端设置缓存,并且尽量使用长Cache(长Cache资源的更新可使用时间戳)

      a) 缓存一切可缓存的资源 

      b)使用长Cache(使用时间戳更新cache)

      c)使用外联式引用css、js

    3.压缩html、css、javascript

    4.无阻塞 

      写在HTML头部的JavaScript(无异步),和写在HTML标签中的Style会阻塞页面的渲染,因此CSS放在页面头部并使用Link方式引入,避免在HTML标签中写Style,JavaScript放在页面尾,部或使用异步方式加载

    5.使用首屏加载

    首屏加快显示,可以大大提升用户对页面速度的感知,因此应尽量针对首屏的快速显示做优化

    6.按需加载

      a) LazyLoad
      b) 滚屏加载
      c) 通过Media Query加载

    7.预加载

    大型重资源页面(如游戏)可使用增加Loading的方法,资源加载完成后再显示页面。但Loading时间过长,会造成用户流失
    对用户行为分析,可以在当前页加载下一页资源,提升速度
      a) 可感知Loading(如进入空间游戏的Loading)
      b) 不可感知的Loading(如提前加载下一页)

    8.压缩图片

    9.减少cookie

    9.避免重定向

    10.异步加载第3方资源

    11.CDN预热

    可以将静态资源提前预热处理,加速用户的访问速度。

     

  • 相关阅读:
    Leetcode 230 Kth Smallest Element in a BST
    codeforces Round #259(div2) C解题报告
    poj 3041(最大匹配问题)
    SpringMVC从Controller跳转到还有一个Controller
    倒计时相关函数 php
    HDU 1575 Tr A(矩阵高速幂)
    poj3468 A Simple Problem with Integers
    奇妙的自慰帽子
    Android 用户登录界面
    泛泰A860(高通8064 cpu 1080p) 刷4.4专用中文recovery TWRP2.7.1.2版(三版通刷)
  • 原文地址:https://www.cnblogs.com/web-zxq/p/12803150.html
Copyright © 2011-2022 走看看