1. David Wu首页
  2. SEO

网站该如何做好首屏的打开加载速度优化?

所有的搜索引擎排名与网站的加载速度或多或少有些关系,而这次百度闪电算法来了,将网站首屏打开速度被列入优化排名行列,并明确指定打开时间为2秒,那么我们在如何做好网页首屏的打开速度呢?

所有的搜索引擎排名与网站的加载速度或多或少有些关系,而这次百度闪电算法来了,将网站首屏打开速度被列入优化排名行列,并明确指定打开时间为 2 秒,那么我们在如何做好网页首屏的打开速度呢?

网站速度优化

要做好网站速度优化,就必须要做好软件和硬件两个方面,从网站程序以及页面设计本身解决网页资源的加载,然后就是服务器本身需要有足够的带宽及处理资源,下面子凡就依次来与大家探讨。

首先我们打开一个网页看到的都只是前端,所以我们看到一个页面背后的支持就是 HTML 代码,其中就包含了各种网页标签,其中包括网站优化中的 TKD,载入的渲染资源:javascript、css,已经页面内容:图片、音频、视频等。

一、代码的足够简洁

减少代码冗余,保持简洁的代码风格,这是作为一个网页程序员的必修,能同样实现一个效果的能用 css 就尽量不用 js,能用两行代码解决问题的就别写三行,这是最基础的一点。

二、减少资源载入

这里子凡所说的资源主要是指 js、css 文件,因为我知道现在很多的前端开发设计人员喜欢用各种开源的特效或者别人做好的效果,其中包括为了给网站添加几个图标就引入一个开源的图标字体库,为了某个特效又在引入几个 js 和 css 文件,这无形之中就为网站加重了“份量”。

三、图片使用懒加载,视频或音频禁止自动播放

还记得子凡曾在泪雪博客写过关于“图片懒加载是否会影响网站 SEO 优化”的文章,其中就说到过如何合理的使用图片懒加载技术提升用户体验而不影响网站优化,因为懒加载是为了防止页面一被打开就立即载入图片,这样就会占用网络带宽,从而影响网站的打开速度以及网站首屏的请求,所以非正文图片都是可以做懒加载的。

图片是每个网站基本都少不了的东西,但是对于做视频、音频的站点来说,如果打开页面就自动播放,占用的网站带宽资源都更多了,所以这也是一个网站打开速度优化的一个小知识。

四、使用 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 这个功能,可以在某些程度上加速网站的打开。

总结

虽然百度“闪电算法”是正对移动搜索排名的算法,而子凡上述的所有知识点都是通用的,并没有移动端或电脑端的区分,写得不算非常详细,子凡只是将这些非常容易出现的问题或者被忽略的问题按照自己的思路写出来了,虽然语句都写得非常简单,但是要真的操作起来,如果你不懂网页代码或者服务器,操作起来可能也会是已经非常困难的事情。

最后最后子凡还想给自己的 Fanly MIP 主题打个广告,如果你使用 WordPress 程序,并且重视百度这次的闪电算法,你可以使用子凡开发的这个 MIP 主题和插件,因为主题和插件都提供免费版本,所以大家可以非常方便的接入,当然你也可以支持子凡或者想要更好的服务可以购买我的收费版本。

好啦,如果你看这里,本文从标题到正文,再到最后的广告你都已经阅读完毕。see you。。。

除非注明,否则均为泪雪博客原创文章,禁止任何形式转载

本文链接:https://zhangzifan.com/website-speed-seo.html

原创文章,作者:泪雪博客,如若转载,请注明出处:https://www.davidwu.net/archives/1787

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注