web性能优化

Brenner 发布于2019-08-23 15:23 / 2774人阅读

摘要：性能优化是一个比较大的一个问题，不是一天两天就能学会的，需要在日常中思考和学习。毫秒必争，前端网页性能最佳实践这是一篇讲关于性能优化的。和的压缩对页面引用的样式和文件进行压缩，合并一些和文件减少请求等，也是性能优化的一个方法。

web性能优化是一个比较大的一个问题，不是一天两天就能学会的，需要在日常中思考和学习。
先收藏一篇文章，以后有时间在慢慢研究。毫秒必争，前端网页性能最佳实践这是一篇讲关于web性能优化的。
下面是讲我工作中遇到的几个优化问题。

1.使用缩略图优化图片显示速度

手机端由于性能、资源和网络的原因，没法和电脑比，在手机上显示图片的时候，要显示缩略图。
之前做过一个项目，由于经验不足，没有保存缩略图，在手机上显示的图片都是原图，图片少的时候还能接受，图片一多，整个页面都卡死了，甚至微信都闪退了，后面改成在手机端显示缩略图之后，页面的速度快了很多。
我是在上传图片的时候做了处理，多保存了一份缩略图，原图在可接受的范围内也做了压缩。
图片的大小是影响性能的一个很重要的因素。

2.css和js的压缩

对页面引用的样式和js文件进行压缩，合并一些js和css文件减少请求等，也是web性能优化的一个方法。
我们的站点都是使用ASP.NET MVC开发的，文件压缩合并使用的是ASP.Net MVC中自带的Bundle进行压缩合并，使用bundle主要的作用就是压缩和合并文件，减小请求的体积和次数，当文件有更新的时候，还能帮忙清除浏览器缓存，是使用Asp.Net MVC开发站点压缩文件的首选。
这里还需要注意的是，bundle压缩的文件最好能独立运行，有依赖关系的要进行合并压缩，不然可能会报错。

后面如果还用到了什么优化的方法会继续更新

混合云云服务器 web性能优化性能优化优化系统性能网站性能优化

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101963.html

前端性能优化

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

Dean 2019-08-21 18:19 评论0 收藏0
Web 性能优化：理解及使用 JavaScript 缓存

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

endiat 2019-08-23 16:09 评论0 收藏0
web性能优化

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

iamyoung001 2019-08-02 14:17 评论0 收藏0
[译] 唯快不破：Web 应用的 13 个优化步骤

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

haobowd 2019-08-19 18:37 评论0 收藏0