18网站优化技巧

快速页面加载对提高搜索引擎排名、网站转换率和整体用户体验非常重要。网站页面的加载速度也是衡量网站性能的重要因素。

如果网站没有以最好的性能运行，缓慢的加载会让你在低排名和搜索流量上花更多的钱。页面的加载速度会对用户的行为和转化率产生很大的影响。

那么？优化加载速度的简单方法有哪些？

1.图片优化

首先，您需要优化网站上的图片，以获得加速网站的机会。从原始图片中删除额外的注释、不必要的空间和无用的颜色，并将图片保存为JPEG格式，因为即使占用空间小，也能保证图片的高质量。

对于WordPress网站，建议使用smush.it插件自动优化网站图片。假如图片是PNG格式，可使用tinypng 优化图片，提高图片质量。

2、开启GZip压缩

GZip压缩听起来很复杂，但其实很简单，用来减少HTTP缩短响应时间。因为这允许你发送GZip而不是压缩文件HTML文件给浏览器，缩短页面等待时间和加载时间。Apache服务器可以添加以下代码.htaccess打开文件GZip压缩。

<ifModule mod_gzip.c>mod_gzip_on Yesmod_gzip_dechunk Yesmod_gzip_item_include file .(html?|txt|css|js|php|pl)$mod_gzip_item_include handler ^cgi-script$mod_gzip_item_include mime ^text/.*mod_gzip_item_include mime ^application/x-javascript.*mod_gzip_item_exclude mime ^image/.*mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*</ifModule

如果上述代码未打开GZip压缩，使用以下代码：

# compress text,html,javascript,css,xml:AddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/xmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType DEFLATE application/xmlAddOutputFilterByType DEFLATE application/xhtml xmlAddOutputFilterByType DEFLATE application/rss xmlAddOutputFilterByType DEFLATE application/javascriptAddOutputFilterByType DEFLATE application/x-javascript# Or,compress certain file types by extension:<files *.html>SetOutputFilter DEFLATE</files>

或者在HTML/PHP在文件的顶部添加以下文件PHP代码：

<?php if (substr_count($_SERVER[HTTP_ACCEPT_ENCODING],gzip)) ob_start("ob_gzhandler"); else ob_start(); ?>

3.服务器响应时间

即使网站已经特别优化，除非服务器响应时间很快，否则也不会有很大的效果。服务器响应时间在提高网站速度方面起着重要作用。以下是提高服务器响应时间的一些建议。

有独立的服务器，而不是共享/托管服务器。

提高Web服务器质量。

移除不必要的插件，只有必要的插件才需要始终保持启用。

4.浏览器缓存

浏览器具有缓存功能，可存储指定文件，减少HTTP要求提高网站的加载速度。你可以通过.htaccess文件中设置expires用以下代码打开浏览器缓存：

## EXPIRES CACHING ##<IfModule mod_expires.c>ExpiresActive OnExpiresByType image/jpg "access plus 1 year"ExpiresByType image/jpeg "access plus 1 year"ExpiresByType image/gif "access plus 1 year"ExpiresByType image/png "access plus 1 year"ExpiresByType text/css "access plus 1 month"ExpiresByType application/pdf "access plus 1 month"ExpiresByType text/x-javascript "access plus 1 month"ExpiresByType application/x-shockwave-flash "access plus 1 month"ExpiresByType image/x-icon "access plus 1 year"ExpiresDefault "access plus 2 days"</IfModule>## EXPIRES CACHING ##

注：过期时间与文件挂钩的，此时，如果文件中的内容需要更改，则必须重新命名文件，以便浏览器能够获得新添加的代码。

5.打开长连接（Keep-Alive）

Keep-Alive缩短浏览器和服务器之间分布式请求的潜伏期是非常重要的。当用户通过浏览器要求网页时，浏览器会读取服务器发送的特定信息HTML如果要求的页面包含外部文件CSS和JavaScript浏览器将再次发送独立请求获取文件。正如你所想，这将延长页面的加载时间。

使用Keep-Alive直到浏览器从服务器获得与此页面相关的所有资源，头部才能保持连接。.htaccess在文件中添加以下代码可以打开此功能：

<ifModule mod_headers.c> Header set Connection keep-alive </ifModule>

6、使用CDN

内容分发网络（CDN）它是由不同地理位置的服务器组成的网络。每个服务器都有所有网站的文件副本。当用户要求文件和网页时，您可以直接从最近的网站服务器获取相应的资源（或从负载最小的服务器）。您可以使用它Amazon cloud front或者MaxCDN为网站开启CDN加速。

7、压缩CSS、JavaScript和HTML文件

删除所有不必要的空间和注释，以减少文件的大小，提高页面的加载速度。以下是一些优化CSS、JavaScript和HTML流行的文件工具，非常有用。

CSS Minifier

Avivo

HTMLCompressor

8.避免重定向

重定向是对网站访问者的极大刺激。就像你去朋友家一样，你发现你的朋友已经搬到三个街区很远了。重定向会消耗额外的时间来降低加载速度。

指定字符集

指定字符集是加速浏览器渲染页面的另一项有用技能。以下代码可以很容易地实现：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

10.避免错误请求

当用户在网站上搜索时，收到404或410个错误是令人失望的。错误的请求会对网站页面的加载速度产生不利影响。因此，建议无论如何都要避免错误的请求。CheckMy Link 可以帮助您找到404链接，删除它们，改善用户体验。

11.丢弃跟踪代码、嵌入视频元素和共享按钮

许多网站管理员认为，使用多个跟踪代码提供嵌入式和共享按钮会给用户带来更好的体验。事实上，这只会增加网站的服务要求。iframe一个新页面将被要求自动降低网站的加载速度。因此，丢弃这些跟踪代码可以提高网站的加载速度和用户体验。

12、异步脚本

另一个提高网站页面速度的好选择是异步加载脚本。这样，网页负载就不必依赖于这些异步脚本。在异步模式下，脚本在后台下载，不会影响浏览器对页面的渲染和加载。

<script async src=""></script>

13.风格表顶，脚本置底

将样式表放在顶部有利于页面快速加载，因为它可以慢慢显示页面。一般来说，大多数浏览器支持并行下载两个组件（图像、样式和脚本）。但一般来说，脚本会阻止其他下载，直到脚本完成。

14、JavaScript的延迟解析

为了加载网页，浏览器必须分析所有标记，以增加网站的加载时间。通过延迟脚本分析，可以减少初始网站的加载时间。

15.避免阻塞型JavaScript和CSS

在浏览器呈现网页之前，首先需要通过分析HTML构建一种标记语言DOM树。在此过程中，如果遇到了脚本，此过程就会中止，转而先执行脚本，然后才会继续原先的活动。因此建议避免阻塞型的JavaScript，尤其是外部脚本。

阻塞型JavaScript这也会导致网站的延迟。所以不妨推迟加载那些不重要的东西JavaScript，或者采用异步加载。另一种选择是将这些选择HTML代码嵌入网站，需要确保CSS的优化。

16.优化代码:不使用内联CSS

内联风格不能清楚地将内容从设计中分离出来。同时，可能需要大量的维护工作，给网站管理员带来各种不便，进一步增加网页的大小。

17、文件分离

网站文件可分为CSS、JavaScripts还有图像。虽然文件分离不能直接提高网站的加载时间。然而，这可以提高服务器的稳定性，特别是当网站流量突然达到顶峰时。子域也可用于托管文件，以增加并行下载的数量。

尽量减少HTTP请求

优化网页速度的另一个简单方法是降低网页速度HTTP请求。当一个网站突然收到太多HTTP它的访客会有响应时间延迟的经验，这不仅增加了CPU利用率也增加了页面的加载时间。那么，如何减少呢？HTTP请求如下：

减少网站上的对象数量。

最小化网站上的重定向数量。

使用CSS Sprites 技术(只要你需要的图片内容)。

合并JavaScripts和CSS文件。

via：ido321.com