zoukankan      html  css  js  c++  java
  • 【学习笔记】前端性能优化方法总结

    1.DNS Prefetch(预获取域名) :在标签中加入 dns-prefetch 让浏览器提前进行DNS的解析并且缓存到系统中。
    2.浏览器提前嗅探,根据状况加载合适图片:通过嗅探客户端分辨率、网络状况,通过设置不同的图片URL,对图片进行裁剪后加载
    3.不要随便使用“Loading占位”:对“Loading占位”可以做一定优化,比如请求200ms后还未返回数据再使用“Loading占位”
    4.资源合理分配域名,在同一域名可以减少网络握手请求时间,放在多个域名可以异步加载
    5.分离静态资源:静态资源使用一个单独的域名,减少Cookies上传,这样能减少一部分无用的流量传输。
    6.节流、防抖:对于高频触发的事件,设置1s检测一次(节流)或者用户再停止操作后再去检测(防抖),增加页面流畅度。
    7.使用LocalStorage做HTML缓存:页面加载时直接从Storage中获取,然后append到页面,等接口数据回来之后,再Diff做更新。
    8.对于页面公有组件使用LocalStorage进行缓存,这样一来就可以实现多个页面共享缓存,让第一次加载也能非常快速。

  • 相关阅读:
    2019.4.26 周五 阴转小雨
    2019.4.25 周四 阴有小雨
    2019.4.24 周三 阴
    2019.4.23 周二 阴
    2019.4.22 周一 阴转小雨
    oracle优化(一)
    Opencv-Python学习笔记(二)
    Opencv-Python学习笔记(一)
    XtraGrid实现checkbox全选功能
    XtraGrid中checkbox状态设置
  • 原文地址:https://www.cnblogs.com/lauzhishuai/p/10643509.html
Copyright © 2011-2022 走看看