所有的搜索引擎排名都或多或少与网站的加载速度有关,而这次百度闪电算法来了,网站首屏的打开速度被纳入优化排名,打开时间一目了然定义为2秒,那么我们如何优化网站首页的打开速度呢?
网站速度优化
要优化站点速度,我们需要把软件和硬件都做好。从站点程序和页面设计本身来解决网络资源的加载,然后服务器本身必须有足够的带宽和处理资源。
首先,我们打开一个网页时看到的只是用户界面,所以我们看到页面背后的支持是HTML代码,其中包含各种网页标签,包括用于网站优化的TKD,以及加载的渲染资源: javascript、css,已经是页面内容:图片、音频、视频等。
1、代码够简洁
减少代码冗余并保持简洁的代码风格。这对于 Web 开发人员来说是必须的。如果你可以使用 css 获得相同的结果,请尽量不要使用 js。如果两行代码就能解决问题,不写三行是最简单的一点。
2.使用延迟加载图像,防止视频或音频自动播放,还记得作者曾经在官网上写过一篇文章《网站图片优化和懒加载对提升用户体验必不可少!》,里面讲了如何在不影响网站优化的情况下,明智地使用图片延迟加载技术来提升用户体验,因为懒loading 这是为了防止打开页面后立即加载图片,消耗网络带宽,影响网站加载速度和网站首屏请求,非文字图片可能会被延迟加载。
图片对于任何网站来说基本上都是必不可少的,但是对于做视频和音频的网站来说,自动加载页面会占用更多的网站带宽资源,所以这也是优化网站加载速度的一小部分。知识。
3.减少资源负载
这里提到的资源主要是指js和css文件,据我所知很多前端开发者喜欢使用各种开源的特效或者别人做的效果,包括给站点引入一些图标。开源的图标字体库为特定的特效呈现多个js和css文件,无形中为网站增加了“权重”。
4.使用CDN加速静态资源
作者在文章中也考虑过使用CDN加速是否会影响网站的优化,作者仍然不同意网站的CDN加速,但强烈同意网站使用CDN加速镜像或缓存优化静态资源例如网站js、css、图片等文件,使用CDN加快整个网站的加载和打开速度。
5.优化服务器本身的速度
启用服务器 Gzip 压缩;启用数据库查询和页面缓存(对于直接生成静态页面的网站,可以忽略);更新或确保服务器有足够的网络带宽;启用站点缓存以充分利用本地缓存。
另外,考虑到网络安全的重要性,如果你的站点安装了SSL证书来启用HTTPS协议,你可以启用HTTPS/2或者SPDY,这样可以在一定程度上加快网站加载速度。
6.提高页面渲染速度
在 header 样式表中写入 CSS 样式,以减少 Web 请求 CSS 文件导致的渲染阻塞。
将 JavaScript 放在文档末尾或异步加载,以避免渲染阻塞 JS 执行。
指定非文本元素(如图像、视频)的宽度和高度,以避免浏览器重排和重绘。
总结
百度的“闪电算法”虽然是移动搜索排名的算法,但笔者上面提到的所有信息点都是通用的,没有移动端和电脑端的区别。写的不是很详细。都是按照自己的想法写的,虽然句子写的很简单,但是如果真的要使用,如果不知道网站或者服务器的代码,可能会很吃力使用它。