你做过哪些性能的优化

1、减少HTTP请求

1) HTML优化:

使用语义化标签

减少iframe

避免重定向

2) CSS优化:

布局代码写前面

删除空样式

不滥用浮动、字体,需要加载的网络字体根据需求添加

选择器性能优化

避免使用表达式

避免用id写样式

压缩代码

3) JS优化

压缩代码

减少重复代码

4) 图片优化

使用webP

图片合并,CSS sprite技术 – 雪碧图

移动端响应式图片 – @media(max-width:320px){}

2、减少DOM操作

缓存已经访问过的元素

离线更新节点,再将他们添加到树中

避免使用js输出页面布局

3、使用 JSON 格式进行数据交换

4、使用cdn加速

5、使用HTTP缓存:添加Expires或者Cache-Control信息头

6、使用DNS预解析

1) 用meta信息来告知浏览器,当前页面要做DNS预解析:

<meta http-equiv=”x-dns-prefetch-control” content=”on” />

2) 在页面header中使用link标签来强制对DNS预解析:

<link rel=”dns-prefetch” href=”http://bdimg.share.baidu.com” />

 

原文链接:https://www.cnblogs.com/sunww/p/11339985.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/23186

(0)
上一篇 2023年11月14日 19:34
下一篇 2023年11月14日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml