目前已知且常用的网站优化
程序员文章站
2022-07-05 17:34:00
1、将css放在页面最上面,将js放在页面最下面 css放在页面最上面可以防止页面出现白屏、闪跳的现象,即减少页面的首屏出现时间。js的下载和执行会阻塞Dom树的构建(严谨地说是中断了Dom树的更新),所以script标签放在首屏范围内的HTML代码段里会截断首屏的内容。而且js中可能会对DOM节点 ......
1、将css放在页面最上面,将js放在页面最下面
css放在页面最上面可以防止页面出现白屏、闪跳的现象,即减少页面的首屏出现时间。js的下载和执行会阻塞dom树的构建(严谨地说是中断了dom树的更新),所以script标签放在首屏范围内的html代码段里会截断首屏的内容。而且js中可能会对dom节点进行操作,而这时代码是自上向下进行执行的,这样会造成js对相应的元素操作不了。所以js放在页面的最下面。
2、减少文件体积,去除不必要的空白符、格式符、注释。
也就是减小文件占用内存,更快,更高效饿去加载网页和脚本。
3、把js和css提取出来放在外部文件中
把js和css文件提取出来放在外部文件的优点是:减少html文件体积,提高了js和css的复用行,提高日后的可维护性。缺点时:增加了http请求。(js和css代码比较少的时候,可以将js和css写在页面上)
4、避免重定向
重定向就是用户请求的页面被转移到了别的地方,浏览器向服务请请求一个页面,服务器告诉浏览器请求的页面已经被转移到另外一个页面,并告知另一个页面地址,浏览器就再发送请求到重定向的地址。这样会增加服务器和浏览器之间的往返次数,影响网站性能。
5、移除重复的脚本
6、减少dns查询
dns查询服务指域名查找,指将请求的域名转化为对应的ip地址,就如姓名和门牌号的关系。如输入www.baidu.com dns系统会将此域名转化为119.75.217.109,然后将ip地址返回给浏览器,这个过程会花费一定的时间,影响页面的加载,所以要尽可能减少dns查询。
减少dns查询的方法有:缓存 dns查找可以改善页面性能,大多数浏览器有自己的缓存系统,缓存时间又不一致,缓存时间越长,dns保存的时间越长。
当客户端中的 dns缓存都为空时(浏览器和操作系统都为空), dns查找的次数和页面中主机名的数量相同。这其中包括页面中 url、图片、脚本文件、样式表、flash对象等包含的主机名。减少主机名的数量可以减少dns查找次数。
减少主机名的数量还可以减少页面中并行下载的数量。减少 dns查找次数可以节省响应时间,但是减少并行下载却会增加响应时间。我的指导原则是 把这些页面中的内容分割成至少两部分但不超过四部分。这种结果就是在减少 dns查找次数和保持较高程度并行下载两者之间的权衡了。
8、使用ajax缓存
ajax的get和post方法:
只要是浏览器的get请求,浏览器都会使用缓存,对于同一地址的请求,服务器会发送304状态码到浏览器,浏览器就会使用缓存中的数据
post的请求每次都会被执行,浏览器不会缓存
上一篇: 秦汉上最长寿的皇帝,熬死了秦始皇和刘邦
下一篇: MySQL存储结构用法案例分析