网站打开速度优化

骑猪看日落 2022-02-24 04:24 381阅读 0赞

一般情况下：  
1、所有css文件合并成一个css文件并与页面内部的<style>标签内容（最好也写入合并的css文件中）一起放在</head>前；原因：CSS出现在<body>内，页面需要重新渲染，打开速度受到影响，合并相同域名下的css文件可以减少网络连接次数；  
2、所有js文件（包括插件）合并成一个js文件，并放在</body>前，页面内部的js内容也尽量写入合并后的js文件中；原因：JS放在页面最后可以加快页面打开速度，合并相同域名下的js文件可以减少网络连接次数；  
3、定义每一个图片的大小；原因：如果图片大小不做定义，则页面需要重新渲染，速度受到影响；  
4、尽可能减少页面渲染的http请求；  
5、减少重定向；原因：多一次重定向意味着多一次请求，尽量不要使用重定向；  
6、去除错误连接；原因：无法打开的链接会导致页面打开缓慢；  
7、从多个域名提供资源服务能增加浏览器并行下载的资源数量（使用静态资源域名），如<link rel=“stylesheet” href=“https://fbstatic-a.akamaihd.net/rsrc.php/v2/yi/r/76f893pcD3j.css”>；  
8、CDN技术；  
9、删除无用注释代码；  
10、跳转页面闭合，如 /shop/index.html可写成 /shop/，不要写成 /shop；  
11、服务器开启Gzip压缩（开启方法请百度，可于“tool.chinaz.com/Gzips/?q=”页面查询是否开启成功）。

## 2019-10-15补充： ##

随着4G网络的普及，移动互联网也随之倔起，移动网站越来越受到重视。网页的加载速度就成为用户体验中最重要的一环。百度推出的闪电算法更是要求移动端的网页必须在2秒内完全加载，这也成了整个行业的标准。同时网站的加载速度也将直接影响搜索引擎中的排名。  
　　为什么网站打开速度很慢？无论是个人站长还是企业，时不时都会遇到打开自己官网很慢的情况，浏览速度也特别慢。这速度你能忍受嘛？那想要提高网站的速度，浏览速度，打开速度，有没有办法呢？  
　　网站打开速度的快与慢，直接关系到访客的用户体验度。网站被加载的速度与多个要素相关，如服务器优于劣，网络带宽大与小，页面代码繁与简等。如果受限于资金，那么通过优化网页代码来加速网站打开速度，就是很有效的方法。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODgyMzI3_size_16_color_FFFFFF_t_70_pic_center]  
一、网站的空间线路  
　　没有这个前提，就算网站做的再好，内容再少，服务器再强，打开需要半天没的说，还有可能经常出现打不开的现象，所以，要想网站打开的快，我们就得把这个地基打好，后面楼能建多少层才好确定。通常我们常用的有电信、网通、或双线路、三线路。无论你选了那种，都要好要快才行。  
　　  
二、网站全站静态化生成  
　　就是页面的后缀是.html或.php等其它的，为什么这样说呢？你想一下，一般动态网站，打开页面时，首先必须读取数据库的资料，然后再显示到页面上，走了个弯路，并且还会被数据库访问速度、数据库数据多少、数据库大小所限制。你想不慢都难，静态页面就不同了，它不需要访问数据库，因为它在生成时就已读取数据库资料生成一个页面了，走的是直路，想不快都难。

三、压缩或精简Javascript和css代码  
　　无论什么类型的网站，用户点击网站的时候，都会加载网站的Javascript和css代码，假设这些代码冗多，势必会降低网站打开速度。  
如果有这样的问题，就要对代码进行压缩或精简。压缩方面，有大量的第三方工具，如站长之家的CSS\\JS压缩工具可供大家直接免费试用，经过压缩的代码，普遍能减小40%到65%。精简方面，能用一个样式控制就不用两个，思路是既能满足网站的页面布局，又能尽量减少网站的代码量。

四、网站其他代码的优化  
1、代码数量优化  
要实现同样的网站效果，有些网站开发人员可能要写100行代码，但有些开发人员可能50行就能实现。多余冗长的代码会拖慢网站的速度，因为浏览器在读取网站内容时就会花更多的时间。  
2、代码逻辑优化  
代码逻辑就想语言逻辑一样，比如我们在做一个你来比划我来猜的游戏时，不同的逻辑表达会让传达的效果差很多。良好的语言表达可以让倾听者很快地理解你要表达的意思。良好的网站代码逻辑也能让浏览器更好的理解，从而实现更快的加载和效果表达。

五、减少HTTP请求数  
　　用户在打开一个网页的时候，后台程序响应用户所需的时间并不多，用户等待的时间主要花费在下载网页元素上了，即HTML、CSS、JavaScript、Flash、图片等。统计显示，每增加一个元素，网页载入的时间就增加25-40毫秒(取决于用户的带宽情况)。所以，想要提高网页打开速度，就要减少HTTP请求数，方法有3种：  
　　1)、减少不必要的HTTP请求  
　　例如用CSS圆角代替圆角图片，减少图片的使用。  
　　2)、合并文件  
　　对于文本文件，可以直接合并内容。例如将多个JS(JavaScript的简称)文件合并成一个，将多个CSS文件合并成一个。  
　　3)、优化缓存  
　　对于没有变化的网页元素(如页头、页尾等)，用户再次访问的时候没有必要重新下载，直接从浏览器缓存里读取就可以了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODgyMzI3_size_16_color_FFFFFF_t_70_pic_center 1]  
六、 服务器端的缓存设置  
　　假设用户访问了你的网站，那么用户下一次再访问你的站点，速度就会更快。这是什么原因呢？原因在于浏览器缓存。  
　　大多数服务器或空间已经默认设置了缓存功能，站长或者seoer要做的就是在后台设定相应文件类型以及过期时间。在此，建议为：如果是windows主机，就将图片，css和Javascript文件的缓存时间设置为30天；如果是Apache Web服务器，则使用mod\_cache模块开启缓存功能。

七、优化css中的引用图片  
　　假设一个页面需要大量的周边图片，如图标等，如果这些图片都是单独调用，那么请求数就会加大，这就说明：cssimages过多，请求数就会增大，网站打开速度就会变慢。  
　　如果我们将页面所需要使用的图片合并在一张图上，那么这些图片请求数就会变为1，页面速度相对就会加快。如何将需要的图片放在一张图上并在相应的位置调用呢？方法在于坐标定位。即：通过css坐标取得图片路径，标签中引用相应坐标。  
　　如果你对前端了解，那么这些都不是大问题，如果你不懂css，那么CSS图片合并生成器类工具(百度即可)能直接提供相应内容：合并css图片，同时生成相应代码。

八、图片压缩处理  
　　有数据显示，图片加载时间是造成网站打开速度慢的一个因素，将图片加载速度问题解决，页面速度问题就解决了一大半。假设网站有大量jpg等格式的图片，需要在不影响视觉的前提下，尽量对其压缩，以减少图片本身的大小。与压缩Javascript文件类似，有大量的在线工具提供相应压缩服务，有大量的图像编辑软件如美图秀秀等，都有压缩功能。  
![在这里插入图片描述][20191015154330184.png_pic_center]  
九、图片的数量  
一些网站其实并不需要很多图片就能实现想要表达的效果。就不要盲目添加过多的图。比如曾设计过一个餐饮培训的网站，客户就想把他的所有菜品图片都在网站上展示。但是过多的菜品图片展示使他能展示学校师资和教学的空间都没有了。严重影响网站的信息传递。后面经过沟通，简化菜品展示模块，使网站的图片数量减少很多。网站的打开速度也有了较大的提升。

十、网站特效优化  
网站想要看起来大气，一些动态特效少不了。但是使用不同的实现方式也是会影响网站的打开速度的。要想让你的网站又好看又快速，采用一些比较新的网站技术就很有必要。

十一、检查你的插件  
当你的网站插件太多时，你的网站会变慢。浏览器必须了解所有这些插件的含义以及如何将它们与你的网站本身相融合。  
很多时候，企业所有者和营销人员会安装多个插件，看起来它可能会做些什么。更糟糕的是，当他们停用这些插件时，他们不会从网站中删除它们。浏览所有插件，问问自己是否真的需要每一个。如果答案是“否”，请立即停用并删除插件。

十二、解决404错误  
可怕的404错误确实会让访客感到沮丧。它们也会减慢你的网站速度，因为它们占用了实际内容可能存在的空间。

你可以删除包含404错误的网页，也可以创建301重定向（永久重定向）到你网站上的其他网页。如果你收到带有404错误的网页的流量，你将需要采用重定向，这样你就不会失去有价值的流量。同时，尽量避免网站出现大量的重定向网址，特别是已经参与排名的页面，它耗费了服务器的响应时间。

十三、实施移动页面加速技术（AMP）  
通过AMP确保你的网站在移动设备上快速加载。

十四、 服务器端开启gzip压缩功能  
网页中的每个元素越小，下载所需的时间就越少，这个很好理解。gzip压缩是效率较高的一种数据压缩格式。如果开启gzip压缩，压缩率一般能达到75%左右，效果非常明显。大部分服务器如虚拟主机，VPS等都已经默认开启了这一项功能，如果没有开启，你对相应设置又不会，建议直接联系空间商，让他们解决。

十五、服务器不稳定速度慢  
网站服务器的速度直接影响网站的速度。对于针对国内用户的网站，国内主机的速度比国外主机更快，更稳定；反之亦反。一般来说，空间不稳定性是影响网站速度的直接因素。国外服务器主机不用备案，这导致很多新手用国外服务器主机做网站。虽然国外空间不用备案省去麻烦，但访问国外空间将延长响应时间，相对而言，国外空间没有国内空间稳定。另外，请选择大的空间服务商。

十六、访问量过载  
一般来说空间的访问量是有限的。如果你的网站同时有上千在线访问者，站点将处于高负载状态。任何访问者在网站上的行为都可能导致网站崩溃。请根据访问人数，选择适合的空间配置。

十七、死链接  
死链接是指残留的网站中不存在的页面，即网站改变前的页面，改动后已删除此页面，但是搜索引擎已经收录了，这样的页面称为死链接，用户通过死链接访问是会出现打不开的现象。

十八、网站中病毒木马  
当用户浏览有木马的网页时，病毒木马网页就会开始自动下载和安装，许多都是使用隐藏代码，嵌入可执行病毒文件。没有绝对的安全，包括网站。请定期备份网站和数据库。

十九、开启MIP  
百度对于MIP的描述：使用MIP无需等待加载，页面内容将以更友好的方式瞬时到达用户，如果你还未建站建议新站初期就开始采用MIP，否则后期改版相对麻烦。

二十、CDN  
cdn并没有从根本上解决页面加载速度的问题，而是通过云加速，将页面缓存到最快的访问节点，从而提高了页面加载速度，这对于技术薄弱的站长是个福利，同时国内的cdn服务商很多，如果你是依托百度搜索的，还是建议大家使用百度云加速。

二十一、HTTPS优化  
百度倡导任何站点开启HTTPS模式，用来加强网站信息传输的安全，同时也会给予一定的排名参考，但我们都制定https需要调用服务器资源并占用一定时间，目前最好的办法就是开启具有https加速的CDN。

二十二、DNS  
DNS是大家经常忽略的一个问题，但却是开启页面的首要因素，选择一个稳定的DNS服务商，是你开启一切优化工作的基本条件。

网站打开速度的快与慢关系到用户体验的问题，关系到网站对搜索引擎传递的友好度问题，利用可实现的手段加快网站加载速度，显得不可或缺。提升网页打开速度经常被忽视的一个问题是响应。对于用户来说，每一次操作，不管返回结果是慢，还是快，都要及时予以响应，最典型的例子就是：当用户点击打开一张图片时，是否有百分比数字显示的进度条，就是一个典型的响应设计。

**另，php网站反应慢的可能原因：**  
**原因：**  
PHP-5.3及以后版本连接数据库时会先考虑是IPv4还是IPv6，面对localhost会犹豫，因此出现响应时间过长的情况。

**解决办法：**  
将网站配置文件中的数据库连接的$ host = ‘localhost’; 改成$host = ‘127.0.0.1’; 就好了。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODgyMzI3_size_16_color_FFFFFF_t_70_pic_center]: /images/20220224/edc81e010c8e4693928b0924bff9170a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODgyMzI3_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20220224/7efe6e2d78fa42eda9c5c5ea47a3cd09.png
[20191015154330184.png_pic_center]: /images/20220224/09c1c02952b84c52bb07c2afa77a137a.png