百度闪电算法将网站首屏打开速度被列入优化排名行列,并明确指定打开时间为2秒,那么我们在如何做好网页首屏的打开速度呢?要做好网站速度优化,就必须要做好软件和硬件两个方面,下面企盾分响就依次来与大家探讨。
一、代码的足够简洁
减少代码冗余,保持简洁的代码风格,这是作为一个网页程序员的必修,能同样实现一个效果的能用css就尽量不用js,能用两行代码解决问题的就别写三行,这是最基础的一点。
二、减少资源载入
这里所说的资源主要是指js、css文件,因为现在很多的前端开发设计人员喜欢用各种开源的特效或者别人做好的效果,其中包括为了给网站添加几个图标就引入一个开源的图标字体库,为了某个特效又在引入几个js和css文件,这无形之中就为网站加重了“份量”。
三、图片使用懒加载,视频或音频禁止自动播放
懒加载是为了防止页面一被打开就立即载入图片,这样就会占用网络带宽,从而影响网站的打开速度以及网站首屏的请求,所以非正文图片都是可以做懒加载的。
图片是每个网站基本都少不了的东西,但是对于做视频、音频的站点来说,如果打开页面就自动播放,占用的网站带宽资源都更多了,所以这也是一个网站打开速度优化的一个小知识。
四、使用CDN加速静态资源
关于使用CDN加速是否影响网站优化的文章?对于网站整体做CDN加速还是有些不太认同,但是对于将网站静态资源做CDN加速镜像或者缓存优化却是非常认同的,例如将网站的js、css、图片等文件做CDN加速是更有利于整个网站的加载和打开速度的。
五、提升页面渲染速度
1、将CSS样式写在头部样式表中,减少由CSS文件网络请求造成的渲染阻塞。
2、将JavaScript放到文档末尾,或使用async方式加载,避免JS执行阻塞渲染。
3、对非文字元素(如图片,视频)指定宽高,避免浏览器重排重绘。
六、服务器本身的速度优化
1、启用服务器Gzip压缩功能;
2、开启数据库查询及页面缓存功能(如果是直接生成静态页面的网站可忽略);
3、升级或者保证服务器足够的网络带宽;
4、开启网站缓存,充分利用本地缓存。
同样随着网络安全的重视程度,如果你的网站已经安装SSL证书启用了HTTPS协议,那么你可以开启HTTPS/2或者SPDY这个功能,可以在某些程度上加速网站的打开。
虽然百度“闪电算法”是正对移动搜索排名的算法,而上述的所有知识点都是通用的,希望对大家在网站速度优化中有所帮助。