对于前端JS、Html、CSS的大小、位置是否影响网站的相应时间

时间:2022-02-25 01:18:41

1、页面中大量的注释代码、空行会影响页面的加载速度
尽量去除打断的注释代码,及空行;尽可能的使用压缩后的JS、CSS文件,太小的文件没必要压缩
2、有人说CSS样式放在页面的开头,JS文件放在页面的结尾,可以提高页面的加载速度?
从页面的加载、渲染顺序来看好像是有一定的道理,但并不一定,现在大多数浏览器都支持JS文件的异步加载,其实CSS、JS文件的位置并不一定影响网站的加载速度
3、文件多少,引入过多的外部JS、CSS文件也会影响页面的加载速度
在浏览器的吞吐量一定的情况下,同时加载文件的个数是一定的。所以尽可能的整合CSS文件JS文件。使页面引入的外部文件不要过多(5-8个)
4、过多的标签对也会影响页面的加载速度
有些前端工程师喜欢一个 function方法就一个标签。这样不利于页面的加载渲染
5、过多的HTTP请求也会影响网页的加载速度,如果可以尽可能将用的数据一次读取到JS文件中存储,在需要时遍历JS的对象即可,这样可以提高网页的加载速度。
6、能用异步请求数据的尽可能的异步请求数据