网页加载速度慢的原因
1、js文件请求过多,加长了页面渲染时间。
2、重复渲染次数过多,浪费时间。
3、图片、视频资源过大,加载慢。
提高网页加载速度的方法
1、css分块
一般情况下,js的执行很依赖于前面的css样式,都是等css渲染完毕后开始执行,否则找不到元素;所以可以将css分成几块,首页的css 单独放一块进行执行,减少首次加载网页的白屏时间。
2、js执行顺序
(1)js中有deferrdquo;truerdquo;、asyncrdquo;truerdquo;两个属性值,前者表示要等到DOM加载完成后,再按顺序执行指定脚本,后者表示异步执行且不会依赖于任何js和css,下载完成就会立即执行(执行时会暂停渲染),不会阻断当前页面的渲染。
所以当我们的js满足这两个标签时,可以使用让其最后执行或异步执行,减少页面渲染时间。
(2)我们也可以将js放到body最后等页面渲染完成再执行。
3、网页删减
(1)删除网页中多余的空格、没用的注释。
(2)将内置js,css移动到外部文件,免得多次渲染。
(3)将一些可用css写出来的问题代替图片。
(4)可以用一些压缩工具把代码压缩一下。
4、减少文件,减少请求
网页中若有很多个js或css,最好将其合并为一个js或css文件,减少请求次数。
5、重复数据存入缓存
对重复使用的数据进行缓存,提高二次加载速度。
6、指定图片、表格大小
内置样式,指定图片,表格的大小,以免重复渲染,让浏览器直接执行。
7、关于cdn加速
这个没啥好说的,选择优质的dns服务商就可以了。至于服务器这里就不提了,一个字ldquo;好rdquo;就行,推荐阿里云,阿里云的服务器技术确实没得说,就是快。