首页 > 试题广场 >

你有哪些性能优化的方法？

[问答题]
你有哪些性能优化的方法？
查看答案及解析
添加回答
frontWhite头像 frontWhite
网页内容：
1.减少http请求: http协议是无状态的应用层协议，意味着每次http请求都要建立通信链路、进行数据传输。
减少http的主要手段是合并css、合并javascript、合并图片。
2.减少DNS查询次数 3.避免页面跳转 4.使用浏览器缓存：缓存AJAX
5.延迟加载：LazyLoad Images。刚加载的时候减少http请求。 6.提前加载
7.减少DOM元素数量 8.根据域名划分内容 9.减少iframe数量
10.避免404
服务器：
1.使用CDN 2.添加Expires或Cache-Control报文头 3.Gzip压缩传输文件
4.配置ETags 5.使用GET AJAX请求 6.避免空的图片src
cookie：
1.减少cookie的大小和传输次数 2.页面内容实用无cookie域名
CSS：
1.将样式表放在head中：网页会在全部加载完成CSS后渲染页面。
2.避免CSS表达式 3.用<link>代替@import 4.避免使用Filters
Javascript：
1.脚本置底 2.使用外部的Javascript和CSS文件 3.精简Javascript和CSS
4.去除重复脚本 5.减少DOM访问 6.使用智能事件处理
7.慎用with 8.减少作用域查找
图片：
1.优化图片 2.使用CSS Sprites 3.不要在HTML中缩放图片
4.使用小且可缓存的favicon.ico
发表于 2019-01-23 11:25:27 回复(5)
渣渣前端逆袭中头像 渣渣前端逆袭中
1.资源压缩合并，减少HTTP请求
2.非核心代码异步加载
3.利用浏览器缓存 (最重要)
4.使用CDN
5.预解析DNS
发表于 2019-01-31 22:48:05 回复(0)
努力赚钱的小曾头像 努力赚钱的小曾

<p>减少http请求次数</p><p>使用cdn</p><p>样式头部加载，js底部加载</p><p>网页gzip</p><p>css/js压缩</p><p>使用缓存</p><p><br></p>

避免空的src和href

编辑于 2020-08-29 13:47:12 回复(0)
火柴哥头像 火柴哥

<p>资源压缩合并，减少http请求</p><p>学会使用浏览器缓存</p><p><br></p>

非核心代码异步加载

使用CDN

预解析DSN

编辑于 2020-05-14 16:33:43 回复(0)
名字被占用的Aimee头像 名字被占用的Aimee
减少http请求 使用cdn引入资源 头部引入css底部引入js 避免页面跳转 缓存请求的结果 使用gzip压缩 引入外部css,js 使用预加载或懒加载
编辑于 2020-03-10 12:05:20 回复(0)
牛客868057622号头像 牛客868057622号

时间戳是什么

发表于 2019-02-20 08:29:29 回复(0)
820657932@qq.com头像 820657932@qq.com
回答一： （1）、减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。 （2）、前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数 （3）、用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。 （4）、当需要设置的样式很多时设置className而不是直接操作style。 （5）、少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。 （6）、避免使用CSS Expression（css表达式)又称Dynamic properties(动态属性)。 （7）、图片预加载，将样式表放在顶部，将脚本放在底部 加上时间戳。 回答二： (1)、减少HTTP请求次数  (2)、使用CDN (3)、避免空的src和href (4)、为文件头指定Expires (5)、使用gzip压缩内容 (6)、把CSS放到顶部 (7)、把JS放到底部 (8)、避 免使用CSS表达式  (9)、将CSS和JS放到外部文件中  (10)、避免跳转  (11)、可缓存的AJAX  (12)、使用GET来完成AJAX请求
发表于 2018-05-12 11:12:51 回复(0)
提交观点

问题信息

上传者：牛妹
难度：
7条回答 2781浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号