专注用户体验设计与开发
商务合作
- 邮箱:2528823962@qq.com
- 手机:180 6652 8545
- 座机: 029-8619-5145
- 地址:陕西省西安市未央元朔路明丰伯马都A座10820室
网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司
陕ICP备2023001199号
今天讲讲老网站首页的优化升级。网站优化我之前也分享过,现在借助 AI,也有了一些新的思路,今天介绍给大家。
先说遇到的问题:浏览器首次访问首页加载很慢,其他页面访问正常,用户体验很差。网站部署在虚拟主机上,配置中规中矩;前端是老式 HTML+CSS+JS,后端是.NET,运行环境为 Windows IIS。甲方要求:不更换服务器、不更换后台,在此前提下做性能调整。
网站整体结构不算复杂,主要特点是图片比较多。常规官网一般都会有幻灯片、大图、新闻封面图、案例展示图,图片资源占比很高。所以我们分析首页加载慢的原因,通过浏览器开发工具排查,发现性能瓶颈主要出在图片上。下面直接讲优化方案。
第一,优化首页全部图片,包含各类图标。
第二,优化代码。网页加载逻辑是从上往下解析,把 JS 相关文件移到页面底部;能合并的文件尽量合并,精简冗余代码。有时候为了实现某个效果,引入了大量 JS 文件,但真正用到的可能只是一小部分。同时使用公共 CDN 加载 jQuery。
第三,启用 IIS 缓存配置。需要在主机中添加配置文件,或者登录主机后台查看是否支持该功能。
第四,图片标签增加 loading="lazy" 属性,开启图片懒加载。条件允许的话,转换图片格式为 WebP,代码示例:source srcset="image.webp" type="image/webp"。
第五,如果条件允许,开启静态化或者伪静态。
按照以上步骤调整,首页加载速度一般都会有所改善。如果做完之后速度依旧不理想,那就只能上大招:升级带宽或者重构程序。
专注用户体验设计与开发
网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司
陕ICP备2023001199号