下面我将介绍几个优化网站加载网页速度的简单方法,一起来看一下。
1.服务器响应时间
即使Web站点已经异常优化,除非服务器响应时间非常快,否则不会有任何很大的效果。在提高网站速度方面,服务器响应时间起着重要作用。下面是一些提高服务器响应时间的建议。
●有独立的服务器,而不是我们选择信息共享/托管中心服务器。
●提高Web服务器的质量。
●删除不必要的插件。只有那些必要的插件需要一直启用。
2.浏览器缓存浏览器缓存减少了HTTP请求,进而提高了站点的加载速度。
下面就是如何利用浏览器缓存的代码示例:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 1 month”
</IfModule>
注意:如果过期时间与文件进行挂钩,而此时文件中的内容我们需要通过更改自己的话,那必须先重命名文件,以便浏览器技术可以直接获取新添加的代码。
3.gzip压缩
gzip压缩是一个压缩实用程序,我们可以用它来快速加载网站。它的工作原理是在将HTML和CSS文件发送到Internet浏览器之前压缩文件大小。
允许mod_defalte模块启用Gzip压缩,下面是如何使用它的代码示例:
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
4.异步脚本
另一个提高站点速度的好方法是异步加载脚本。这样页面加载就不必依赖于这些异步脚本,站点访问者也不必在呈现页面之前等待所有脚本加载。在异步教学模式中,脚本是企业在后台下载的。通常,我们使用第三方脚本作为异步脚本,因为下载这些脚本通常会使网站非常慢。
script async src http://www.yoursite.com/script.js“></script>
5.内容分发网络(CDN)
内容分发网络(CDN)是位于不同地理位置的服务器组成的网络。每个服务器都有所有网站的文件副本。当用户请求文件和网页时,就可以直接从就近的网站服务器获取相应资源(也可以是从负载最小的服务器)。
6.优化JavaScript、HTML和CSS
优化JavaScript和CSS也可以提高一个网站的网页速度,而且这个方法非常简单。优化JavaScript、HTML和CSS可以删除所有不必要的空格和注释,从而减小文件大小。
下面是一些优化CSS、JavaScript和HTML文件的流行工具,非常有用。
●CSS Minifier
●Avivo
●HTML Compressor
7.顶部的样式表和底部的脚本
将样式表放在顶部,用于快速加载网站,因为这会使web页面逐渐呈现。通常,所有Internet浏览器都支持在给定时间内并行下载两个组件(图像、样式和脚本)。但是通常而言脚本会在并行下载时会阻止其他的下载直到脚本下载完毕。
8.避免阻塞型的JavaScript和CSS
在浏览器能够呈现网页之前,它首先需要通过解析HTML标记语言来构建DOM树。在此过程中如果遇到了脚本此过程就会中止转而先执行脚本然后才会继续原先的活动。
因此,建议避免阻塞JavaScript,特别是外部脚本。阻塞型JavaScript还会导致网站的延迟。因此,延迟不重要的JavaScript的加载或异步加载是一个好主意。
另一种方式选择是将这些HTML代码进行内嵌到网站上,同时我们需要可以确保CSS的优化。
9.JavaScript的延迟解析
为了加载网页,浏览器必须解析所有的标记内容,从而增加了网站的加载时间。通过网络延迟解析脚本,那么我们就可以有效减少初始网站的加载时间了。
10.启用Keep Alive
当用户可以通过网络浏览器请求网页时,浏览器我们首先企业需要数据访问HTML文件。然后它才能进行读取我们这些数据文件,并请求中国与其他资料信息相关联(此处的资料可以是CSS,JavaScript,也可以是没有任何国家相关的图像)。
如果“保持活跃”选项被禁止,下载网站的过程通常会增加,从而拖慢网站的速度。启用KeepAlive的另一个好处是它可以减少cpu的使用。
语法: KeepAlive On
11.图像和文件格式
图像对任何网站都是非常有价值的,因为它们可以向网站的访问者传达一些强大的信息。最常见的图像格式是GIF、JPEG、PNG等。每种格式都有其优点和局限性。建议使用 jpeg 代替 gif 和 png 图像,除非图像包含 alpha 因子或是透明的。
12.优化代码
如果没有内联CSS内联样式,您不能明确地从设计中删除内容。同时,它可能需要大量的维护工作,给管理员带来各种不便,并进一步增加网页的大小。
13.文件分离
网站的文件可以分为CSS、JavaScripts和图像。文件进行分离虽然我们并不能直接改善企业网站的加载时间。但这样做可以提高服务器的稳定性,特别是当网站流量突然达到高峰时。子域还可以用于托管文件,以增加并行下载的数量。
14.另一种优化web速度的简单方法是减少HTTP请求。
当一个站点一次接收到太多的HTTP请求时,其访问者就会有响应时间延迟的体验,这不仅增加了CPU的使用,而且还增加了页面的加载时间。那么,如何减少HTTP请求呢?
请参阅下面的步骤。
●减少网站上的对象数量。
●尽量减少网站的重定向数量。
●使用CSS Sprites 技术只要你需要的那部分图片内容 。
●合并JavaScripts和CSS文件。
以上的技巧已经被证明在优化你网站的页面加载速度方面是非常有效的。无论如何,令人眼花缭乱的图形、有趣的内容和更好的导航可以帮助你获得更多的网站访问者,但更快的网页加载速度可以帮助你保持他们。