建立网站,往往在首页加载js等,进入首页的白色屏幕,打开5-9秒后显示页面,很慢
优化
域名直接a记录在服务器IP上并开始
1 .压缩
nginx.conf设置gzip
gzip on; gzip_min_length 1k; gzip_buffers 16 4k; gzip_comp_level 4; GIP _ types text/CSS application/xmltext/JavaScript image/jpg image/gif image/png text/plain application/JavaScript gt gzip_disable 'MSIE [1-6]. '; 照片好像什么都没做。 等待懒惰的加载。
2 .加速渲染树
web布局js向下移动.
3 .异步加载主体div
思路是先加载网页头尾的显示,再加载主机内容,减少白色屏幕的时间。
div
divid=' loading div ' loading ./div js
$(document ).ready(function ) ) )、loadingdiv )、load )、index.html ); () )
4 .图像懒惰加载
使用这个jquery.lazyload.js
这第四步还没做。 我试着做了前面三个步骤。 打开首页1秒钟显示头尾,第二秒钟加载了主机。 3秒钟内完成,可以接受
我先这么做。
继昨天之后,我们将继续懒散加载照片,加速客户访问网页,提高web服务满意度,并开始。
在模板中部署jquery.lazyload.js
编辑img src属性时,教程在网上的内容不多。 自己编辑喜欢的样式,优化后如图所示。
前端优化到此为止,接下来是码字。