优化网站加快浏览器访问打开速度

针对网站访问速度慢的问题,通过一系列优化措施显著提升了加载效率。首先,通过在nginx配置中启用gzip压缩来减小文件体积。其次,调整网页布局,将JavaScript置于底部以加快渲染树构建。然后,采用异步加载方式逐步展现主要内容,减少白屏时间。最后,实现了图片懒加载,使用jquery.lazyload.js进一步优化。经过优化,网站现在能在3秒内完成加载,显著提高了用户体验。
摘要由CSDN通过智能技术生成


做了个网站,首页加载js等比较多,访问首页白屏,打开5-9秒才显示页面,慢

 

做优化


域名直接A记录到服务器IP,开始

 

1.压缩


nginx.conf设置gzip

gzip on; 
gzip_min_length 1k;
gzip_buffers 16 4k;
gzip_comp_level 4;
gzip_types text/css application/xml text/javascript image/jpg image/gif image/png text/plain application/javascript application/css;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";

图片好像没什么搞头,等下懒加载。

 

2.加快渲染树

网页布局 js下移...

 

3.异步加载主体div

思路,先加载网页头尾部显示,再载入主体内容,减少白屏时间。

div

<div id="loadingDiv">loading......</div>

js

 $(document).ready(function(){
    $("#loadingDiv").load("index.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值