web前端html网站访问速度优化

3171373282fm

web前端html网站访问速度优化,网站性能一般就指的是网站的访问速度,虽然很普通,但通过数据可以发现,网站速度对于用户体验的影响是相当巨大的,下面来研究下如何优化网站,使其下载速度更快的方法。

首先检查一下:
1.http请求次数。
2.Css在页面的什么部位。
3.Javascript在页面什么部位。
4.是否有重复代码。
5.页面体积是否过多。
6.图片多大或者过多。
7.html页面是否正确规范的进行嵌套。
下面是解决方案:
1.减少http请求就是要减少外链。首要就是减少css以及js文件过多。可以进行css和js文件进行合并。图片过多也会导致请求过多。
2.Css是负责页面渲染的,极早的进入可以进行页面渲染。
3.Javascript是脚本,无特殊情况都是在文档加载完毕才会执行,过早的请求无意义。
4.Css容易出现重复代码,在拿到项目的时候应当分析页面公用css样式。避免重复写属性。
5.可以将不必要的注释、无用的代码进行删减。
6.一张很普通的图片往往都比整个页面的体积要大,所以图片的问题很大,首先确定好图片的格式、品质。在保证效果的情况降低画质,缩减图片大小。尽量与页面需要大小相同。在图片上传服务器时可以用智图进行压缩。多张不改动的小背景图可以用css精灵技术实现,避免多次请求服务器。
Html是从上往下逐一解析,多一层嵌套就会多一点时间,正确的嵌套会让整个页面解析渲染的时间少。避免了页面代码的臃肿。
还有gzip压缩。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部