摘要:性能可以通过以下几方面来优化方面减少请求合并文件精灵减少查询缓存将资源分布到恰当数量的主机名减少元素数量方面使用配置对组件使用压缩方面减小大小方面将样式表放到页面顶部不使用表达式使用不使用方面将脚本放到页面底部将和从外部引入压缩和删除不需要
web性能可以通过以下几方面来优化
content方面
1、减少HTTP请求:合并文件、CSS精灵、inline Image
2、减少DNS查询:DNS缓存、将资源分布到恰当数量的主机名
3、减少DOM元素数量
Server方面
1、使用CDN
2、配置ETag
3、对组件使用Gzip压缩
Cookie方面
1、减小cookie大小
2、css方面
3、将样式表放到页面顶部
4、不使用CSS表达式
5、使用不使用@import
Javascript方面
1、将脚本放到页面底部
2、将javascript和css从外部引入
3、压缩javascript和css
4、删除不需要的脚本
5、减少DOM访问
图片方面
1、优化图片:根据实际颜色需要选择色深、压缩
2、优化css精灵
3、不要在HTML中拉伸图片
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/114922.html
摘要:想阅读更多优质文章请猛戳博客一年百来篇优质文章等着你这是性能优化的第篇,上一篇在下面看点击查看性能优化使用分离数据的正确方法性能优化图片优化让网站大小减少性能优化缓存事件来提高性能性能优化种优化和加快网站速度的方法随着我们的应用程序的不断增 showImg(https://segmentfault.com/img/bVbp4cY?w=947&h=424); 想阅读更多优质文章请猛戳Gi...
摘要:性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。毫秒必争,前端网页性能最佳实践这是一篇讲关于性能优化的。和的压缩对页面引用的样式和文件进行压缩,合并一些和文件减少请求等,也是性能优化的一个方法。 web性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。先收藏一篇文章,以后有时间在慢慢研究。毫秒必争,前端网页性能最佳实践这是一...
摘要:译文地址译唯快不破应用的个优化步骤前端的逆袭知乎专栏原文地址时过境迁,应用比以往任何时候都更具交互性。使用负载均衡方案我们在之前讨论缓存的时候简要提到了内容分发网络。换句话说,元素的串形访问会削弱负载均衡器以最佳形式 欢迎关注知乎专栏 —— 前端的逆袭欢迎关注我的博客,知乎,GitHub。 译文地址:【译】唯快不破:Web 应用的 13 个优化步骤 - 前端的逆袭 - 知乎专栏原文地...
阅读 3331·2023-04-25 14:07
阅读 3346·2021-09-28 09:35
阅读 2046·2019-08-30 15:55
阅读 1353·2019-08-30 13:48
阅读 2469·2019-08-30 13:16
阅读 3145·2019-08-30 12:54
阅读 3205·2019-08-30 11:19
阅读 1834·2019-08-29 17:17