当网站制作一切就绪,自认为各处配置设计无懈可击时,真正浏览网站时却如遭当头一棒,页面加载的“龟速”让人不忍直视。网站加载缓慢,会严重影响用户体验,进而浪费宝贵的流量资源。
那么是哪些因素造成此问题,又应该如何排查解决呢?
1.网站访问慢,第一反应自然是检查本地网络连接。
可以使用网上的网络测速工具对自身网络环境进行简单的测试,根据网络测速结果判断是访问带宽还是服务器带宽存在一定问题。
如果自身网路存在问题,那无论如何都无法正常测试网络的访问速度的,因此一定要找到网络连接良好的地方进行测试;如果服务器联网带宽不够,那么就简单粗暴地增加网站机房带宽即可。
2.其次可以判断解析系统是否拖了后腿。
打开系统控制台,通过nslookup指令输入-qt=NS使用查询网站NS记录的功能,可以查询域名的DNS服务器。
然后利用ping指令可以测试DNS服务器的反馈效率,高效的解析服务则能在用户访问网站时更快的反馈解析记录及目标IP地址,优化用户打开网页的体验。
网站使用单节点权威解析时容易存在线路历程长,跨线路访问以及访问量大造成的线路拥堵问题,面对同样的情景时,拥有多地多节点服务器部署并具备负载均衡效能的智能云解析系统便能体现其独特优势。
3.如果以上内容都测试后网页加载速度仍不尽人意,那便要从网站自身上找找原因了。
访客打开某个网页,浏览器会发出很多对象请求(图像、脚本等等),关乎于网络延时的情况,每个对象加载都会产生一定的延迟。由于网站上存在大量缓存内容,打开网页时难免因为资源加载而产生一定的等待时间,可以通过浏览器自带的功能对网页内资源加载速率进行检测。
使用Chrome浏览器时,按下F12键可以呼出开发者选项菜单,在菜单栏点选Network标签后,按下F5强制刷新界面,可以看到网页各部分资源的加载时间排序。
我们要怎么样提高页面加载速度呢?
启用压缩
使用Gzip(一种用于文件压缩的软件应用程序)来减小大于150字节的CSS,HTML和JavaScript文件的大小。
不要在图像文件上使用gzip。相反,在像Photoshop这样的程序中压缩它们,您可以保持对图像质量的控制。请参阅下面的“优化图像”。
缩小CSS,JavaScript和HTML
通过优化代码(包括删除空格,逗号和其他不必要的字符),您可以显着提高页面速度。还删除代码注释,格式和未使用的代码。百度建议使用CSSNano和UglifyJS。
减少重定向
每次页面重定向到另一个页面时,您的访问者都会面临等待HTTP请求 - 响应周期完成的额外时间。
删除阻止渲染的JavaScript
浏览器必须通过在呈现页面之前解析HTML来构建DOM树。如果您的浏览器在此过程中遇到脚本,则必须先停止并执行它,然后才能继续。