• 【学习笔记】前端性能优化方法总结


    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进行缓存,这样一来就可以实现多个页面共享缓存,让第一次加载也能非常快速。

  • 相关阅读:
    struts2 constant详解
    大图片上传(ImageIO,注意有的图片不能上传时因为他是tiff格式)
    Spring提供的iBatis的SqlMap配置
    2013-7-31hibernate二级缓存
    2013-7-30。。。。难得闲
    POI导出大量数据的简单解决方案
    Tomcat优化详细2
    Tomcat优化详细1
    Tomcat优化方案
    java链表实现
  • 原文地址:https://www.cnblogs.com/lauzhishuai/p/10643509.html
Copyright © 2020-2023  润新知