资讯专栏INFORMATION COLUMN

Web性能优化

tinylcy / 3129人阅读

摘要:性能可以通过以下几方面来优化方面减少请求合并文件精灵减少查询缓存将资源分布到恰当数量的主机名减少元素数量方面使用配置对组件使用压缩方面减小大小方面将样式表放到页面顶部不使用表达式使用不使用方面将脚本放到页面底部将和从外部引入压缩和删除不需要

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

相关文章

  • 前端性能优化

    摘要:端优谈谈关于前端的缓存的问题我们都知道对页面进行缓存能够有利于减少请求发送,从而达到对页面的优化。而作为一名有追求的前端,势必要力所能及地优化我们前端页面的性能。这种方式主要解决了浅谈前端中的过早优化问题过早优化是万恶之源。 优化向:单页应用多路由预渲染指南 Ajax 技术的出现,让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容,这就是单页应用。在一个单页应用中,往往只有一...

    Dean 评论0 收藏0
  • Web 性能优化:理解及使用 JavaScript 缓存

    摘要:想阅读更多优质文章请猛戳博客一年百来篇优质文章等着你这是性能优化的第篇,上一篇在下面看点击查看性能优化使用分离数据的正确方法性能优化图片优化让网站大小减少性能优化缓存事件来提高性能性能优化种优化和加快网站速度的方法随着我们的应用程序的不断增 showImg(https://segmentfault.com/img/bVbp4cY?w=947&h=424); 想阅读更多优质文章请猛戳Gi...

    endiat 评论0 收藏0
  • web性能优化

    摘要:性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。毫秒必争,前端网页性能最佳实践这是一篇讲关于性能优化的。和的压缩对页面引用的样式和文件进行压缩,合并一些和文件减少请求等,也是性能优化的一个方法。 web性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。先收藏一篇文章,以后有时间在慢慢研究。毫秒必争,前端网页性能最佳实践这是一...

    Brenner 评论0 收藏0
  • web性能优化

    摘要:性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。毫秒必争,前端网页性能最佳实践这是一篇讲关于性能优化的。和的压缩对页面引用的样式和文件进行压缩,合并一些和文件减少请求等,也是性能优化的一个方法。 web性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。先收藏一篇文章,以后有时间在慢慢研究。毫秒必争,前端网页性能最佳实践这是一...

    iamyoung001 评论0 收藏0
  • web性能优化

    摘要:性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。毫秒必争,前端网页性能最佳实践这是一篇讲关于性能优化的。和的压缩对页面引用的样式和文件进行压缩,合并一些和文件减少请求等,也是性能优化的一个方法。 web性能优化是一个比较大的一个问题,不是一天两天就能学会的,需要在日常中思考和学习。先收藏一篇文章,以后有时间在慢慢研究。毫秒必争,前端网页性能最佳实践这是一...

    scola666 评论0 收藏0
  • [译] 唯快不破:Web 应用的 13 个优化步骤

    摘要:译文地址译唯快不破应用的个优化步骤前端的逆袭知乎专栏原文地址时过境迁,应用比以往任何时候都更具交互性。使用负载均衡方案我们在之前讨论缓存的时候简要提到了内容分发网络。换句话说,元素的串形访问会削弱负载均衡器以最佳形式 欢迎关注知乎专栏 —— 前端的逆袭欢迎关注我的博客,知乎,GitHub。 译文地址:【译】唯快不破:Web 应用的 13 个优化步骤 - 前端的逆袭 - 知乎专栏原文地...

    haobowd 评论0 收藏0

发表评论

0条评论

tinylcy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<