如何优化前端页面体验和访问速度

发布网友发布时间：2022-04-23 23:17

共1个回答

热心网友时间：2022-04-20 14:26

1.优化图片

这个绝对是显而易见的，可以看到图片占据的页面内容分量最重。在现代网页设计中，图片绝对占据了大部分的内容。你需要针对你的页面重新定义图片大小。这能够有效地帮助你减少页面大小。而且，这里有很多的功能能够帮助你针对图片减肥，例如，Smush.it和TinyPNG
在photoshop中保存web所用格式图片时候适当的进行压缩。或者采用图片延迟加载技术
2.压缩CSS和Javascript代码

有效地压缩CSS和javascript代码能够有效地减少页面大小，你可以删除空格优化代码。当然，压缩代码对于代码阅读不是非常有用，但是一般作为产品环境来说，我们通过这种方式可以有效地减少页面加载时间。css&js压缩工具
3.避免使用@import

@import CSS语法允许你加载其它的CSS文件。有时间非常有帮助，但是它并不是和主文件一起下载的，所以可能会增加页面加载时间。建议使用link标签，这样会更加高效。
4.减少HTTP请求次数

减少HTTP请求次数可以帮助你有效的增加网站加载速度。你可以使用如下方式：
a.融合文件
将不同的样式表css合成一个文件可以减少http请求的次数。同样对于javascript来说也适用。
b.使用CSS sprites
使用sprites可以帮助你把多个图片文件放置到一个文件里，这样可以减少图片下载的次数。
5.javascript引用位置
例如：javascript的引用和cnzz的统计放到在代码中放到body之后。