web机能优化

web机能优化是一个比较大的一个题目,不是一天两天就可以学会的,需要在一样平常中思索和进修。
先珍藏一篇文章,今后有时间在逐步研讨。毫秒必争,前端网页机能最好实践这是一篇讲关于web机能优化的。
下面是讲我工作中碰到的几个优化题目。

1.运用缩略图优化图片显现速率

手机端因为机能、资本和收集的缘由,没法和电脑比,在手机上显现图片的时刻,要显现缩略图。
之前做过一个项目,因为经验不足,没有保留缩略图,在手机上显现的图片都是原图,图片少的时刻还能接收,图片一多,全部页面都卡死了,以至微信都闪退了,背面改成在手机端显现缩略图以后,页面的速率快了许多。
我是在上传图片的时刻做了处置惩罚,多保留了一份缩略图,原图在可接收的范围内也做了紧缩。
图片的大小是影响机能的一个很重要的要素。

2.css和js的紧缩

对页面援用的款式和js文件举行紧缩,兼并一些js和css文件削减要求等,也是web机能优化的一个要领。
我们的站点都是运用ASP.NET MVC开辟的,文件紧缩兼并运用的是ASP.Net MVC中自带的Bundle举行紧缩兼并,运用bundle重要的作用就是紧缩和兼并文件,减小要求的体积和次数,当文件有更新的时刻,还能帮助消灭浏览器缓存,是运用Asp.Net MVC开辟站点紧缩文件的首选。
这里还需要注意的是,bundle紧缩的文件最好能自力运转,有依靠关联的要举行兼并紧缩,不然可能会报错。

背面假如还用到了什么优化的要领会继承更新

    原文作者:上帝遗忘之子
    原文地址: https://segmentfault.com/a/1190000018240760
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞