先决条件:用4种方法来减少网站的加载时间S1
在上面的文章中, 我们描述了四种方法, 即:
- 优化图像
- 缩小JavaScript和CSS样式表
- 启用压缩
- 浏览器缓存
1. 优先处理首屏内容
这通常是指在页面其余部分加载后加载JavaScript文件。事先加载这些脚本会导致大量等待时间, 而且我们知道你的访问者有多喜欢等待。最简单的解决方案是将这些文件包含在页面底部, 紧接在body标记之前。
你网站的CSS可以分为两部分:对首屏内容进行样式设置的内联部分和可以延期的外部部分。
2. 删除不必要的插件
使用过多的插件会在很大程度上减慢你的网站速度, 从而导致崩溃和其他技术难题。因此, 建议停用或删除不必要的插件。
Mike的案例研究(http://startbloggingonline.com/speed-up-wordpress/)展示了他如何将网站速度从4.23秒降低到1.33秒。插件占了86%的加载时间。
3. 减少重定向
重定向导致其他HTTP请求, 从而增加了加载时间。因此, 希望将这些重定向保持在最低限度。
对于响应式网站, 你可能希望将用户重定向到该网站的移动版本。
根据Google的规定, 我们可能会执行以下操作, 以确保响应式直接广告不会使你的网站变慢:
- 一种HTTP重定向可以用于将移动用户代理带到等效URL, 而无需中间重定向。
- 的标记可能会包含在你的网页中, 以指定等效的移动网址, 以便Googlebot可以发现你的移动网页。
Content Delivery Network是一个分布式服务器系统, 可根据用户的地理位置来交付Web内容。从用户地理位置附近的更快的服务器访问你的网站将大大减少加载时间。
流行的内容交付网络包括:
- MaxCDN
- CloudFlare
- Incapsula
- Edgecast
- Amazon CloudFront
5. 避免使用自托管视频
视频文件通常非常大, 将它们上传到你的网站可能确实很慢。而是第三方视频托管服务, 例如的YouTube, Vimeoor维西塔可能用过了。
你需要做的就是复制他们提供的一小段代码, 然后将其粘贴到你的帖子或网页中。
在当今时代, 在线用户更喜欢丰富的在线体验。将会出现更生动的JavaScript, CSS技巧和其他第三方分析, 这些趋势往往会增加我们网站的规模。
但是, 我们需要很好地解决这个问题, 不应因此而受到阻碍。
熟悉:一秒的延迟就是失去领先优势所需要的。
参考文献:
- https://www.crazyegg.com/blog/speed-up-your-website/
- https://www.truconversion.com/blog/conversion-rate-optimization/9-tips-to-reduce-page-load-time-and-improve-website-speed/
- http://cubewires.com/insights/reduce-web-page-load-time/
推荐阅读
- JavaScript遍历数组的5种方式详细指南
- 填充矩阵以使所有行和所有列的乘积等于1的方式
- C++如何拷贝vector(拷贝vector的5种方法)
- R编程如何中将字符串转换为整数(–strtoi()函数)
- PHP如何使用Gmagick clear()函数(用法实例)
- 在Python中如何快速将Decimal转换为其他基数()
- 教你快速入门SASS并使用SASS
- PHP如何使用Gmagick addnoiseimage()函数(用法示例)
- Python如何在windows上安装MongoDB(详细指南)