seo如何优化网站的打开和加载速度？

所有的搜索引擎排名或多或少都与网站的加载速度有关。但这一次，百度闪电算法来了，网站第一屏的开启速度被列在优化排名的行列中，而且开启时间明确规定为2秒，那么我们该如何做网页第一屏的开启速度呢？

为了优化网站的运行速度，必须在软件和硬件两方面做好工作。从网站程序和页面设计本身来解决web资源的加载问题，然后服务器本身就需要有足够的带宽和处理资源。

首先，我们在打开网页时看到的只是前端，所以我们看到网页背后的支持是HTML代码，它包括各种网页标签，包括网站优化中的TKD，加载的呈现资源：Java、CSS，以及已经存在的网页内容：图片、音频、视频等。

1、代码简单化

减少代码冗余，保持简洁的代码风格，这是网页程序员的要求。如果你能用CSS达到同样的效果，你应该尽量不要使用js。如果你能用两行代码解决这个问题，你就不应该写三行代码。这是最基本的一点。

2、减少资源加载

这里提到的资源主要是指JS和CSS文件，因为我知道很多前端开发人员都喜欢使用各种开源的特效或者其他人制作的特效，包括引入一个开源的图标字体库来向网站添加几个图标，以及引入几个JS和CSS文件来获得特效无形中会加剧网站“量”。

3、图片延迟加载，无法自动播放视频或音频

我还记得子帆曾经在雷雪博客上写过一篇文章“图片懒加载是否会影响网站的SEO优化”，他在文章中谈到了如何在不影响网站优化的前提下，合理使用图片懒加载技术来提高用户体验，因为懒加载是为了防止图片被加载页面一打开，就会占用网络带宽，从而影响网站的打开速度以及网站第一屏的要求，非文本图片就可以懒加载。

图片是每个网站的基本组成部分，但是对于做视频和音频的网站来说，如果你打开页面，它会自动播放，这占用了网站更多的带宽资源，所以这也是优化网站打开速度的一个小知识。

4、使用CDN加速静态资源

子帆还讨论了使用CDN加速是否会影响网站优化。子帆仍然不同意网站整体的CDN加速，但同意网站静态资源的CDN加速图片或缓存优化。比如网站JS、CSS、图片等文件的CDN加速，更有利于整个网站的加载和打开速度。

5、提高页面呈现速度

在头样式表中编写CSS样式，以减少由CSS文件网络请求引起的呈现阻塞。

将Java放在文档末尾，或者使用异步模式加载，以避免JS执行阻塞呈现。

指定非文本元素（如图片和视频）的宽度和高度，以避免浏览器重画。

6、服务器自身速度优化

启用数据库查询和页面缓存（如果是直接生成静态页面的网站，可以忽略）；

同时考虑到网络安全的重要性，如果您的网站安装了SSL证书并启用了HTTPS协议，您可以启用HTTPS/2或spdy，这在一定程度上可以加快网站的打开速度。

虽然百度的“闪电算法”是一种移动搜索排名算法，而上述所有知识点都是通用的，但是移动终端和电脑终端之间有区别，所以也不是很详细。只是根据自己的想法写了一些很容易出现或忽略的问题。虽然句子很简单，但它们应该是真正的操作，如果你不懂web代码或服务器，操作起来可能也很困难。