很多站长使用虚拟主机来做网站，网页内容一旦很多，网站打开速度就会特别慢，如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做，不妨通过网页代码优化的方式来提高速度，卢松松总结了一些可行性的方法。

1: 缩小Javascript和CSS文件      

如果你的网站大约有50-60%的用户是第一次访客，那么这些人会下载Javascript和CSS，如果这些文件很大浏览器会下载很长时间。

使用压缩工具可以减少Javascript和CSS尽一半的文件大小，如果你有信心使用“命令行”我强烈推荐使用雅虎的YUI压缩，至少能提高40%到60%的压缩率，如果你是在不懂可以用站长之家的CSS\JS压缩工具。

2：减少HTTP请求                      

浏览器会花费80%的时间获取外部元件，包括脚本、样式表、图像等，只有20%的时间用来加载内容，每个网站都会有许多HTTP请求，由于只有2个HTTP请求可以在同一时间传送，所以请求一旦过多就会造成延迟。

通过Yslow可以看出我博客的HTTP请求数，可以看到JS、CSS和CSS引用的图片文件过多，导致HTTP请求过多。

3：缓存图片、CSS和Javascript     

每当一个新用户访问你的网站，图片、CSS和Javascript应该在其浏览器缓存，这样他们下一次访问就特别快。

绝大多数windows主机已经默认启用了，只需要在控制面板中设定过期时间和文件类型那个就可以了，我建议图片、CSS和Javascript时间可设置为一个月。而对于Apache Web服务器，使用mod_cache模块开启缓存。:

4：合并CSS引用图片          

如图一所示，很多网站的图片都是切成小块的，这样下来就会有大量CSS引用图片，如卢松松博客的CSS就引用了14张图片，cssimages也是影响网站速度的一种重要因素。

如果我们把CSS图片合并成一个，14个HTTP请求变成1个，想想会是什么效果？它的原理就是通过CSS坐标的方式取得图片径路，每个CSS标签引用不同坐标就会得到不同图片。我们看到很多网站的CSS图片只有一张，用的就是这个原理。

不懂也没有关系，CSS图片合并生成器这个网站能帮助你合并CSS图片，并且能得到相应代码。

5：只加载<head>部分的基本脚本

这个最简单，不花时间，点击自己网站右键“查看源文件”找到<head>与</head>之间的区域，看看那些不重要好的JS文件，把它仍到页面底部，也就是让它最后加载。或者直接删除。

例如卢松松博客引用的jiathis（社会化分享按钮）和util.js（回顶部、写评论快捷标签），让它最后加载，这样能提升内容打开速度，而且它们也不太重要。

6：对图像进行压缩

除非你加载视频，那么影响网站速度罪魁祸首应该就是图片了，如果是jpeg、png图片，保证不失品质的前提下，让他们尽量压缩，Fireworks软件“导出向导”功能，它提供了一个很好的方式来预览保存的图像，让图片大小与质量之间平衡，大多数其他图像编辑软件都有类似的功能。

例如我的每篇博文配图都用了“导出向导”功能，我尽量把图片都压缩在30K以内，在一定程度上加快了浏览速度，但也有部分图片失真，看不清楚。

7：开启gzip模块

gzip压缩是非常流行的一种数据压缩格式，一般网站启用gzip后，压缩率都会有70%-80%的提升，效果是立竿见影的。

部分虚拟主机默认有gzip功能，但大部分没有，独立主机、VPS一般可以设置，开启gzip会加重服务器负担，而且要修改服务器配置，强烈建议大家开启gzip，如果不清楚可以问问所在空间商，让他们帮忙开启。

提高网站打开速度的7大秘籍---依据Yslow工具的优化【转】的更多相关文章

  1. js实现网页图片延时加载的原理和代码 提高网站打开速度

    有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对 ...

  2. 巧用linux服务器的/dev/shm/，如果合理使用，可以避开磁盘IO不给力，提高网站访问速度。

    巧用linux服务器的/dev/shm/ 巧用linux服务器的/dev/shm/,如果合理使用,可以避开磁盘IO不给力,提高网站访问速度. 首先让我们认识一下,什么是tmpfs和/dev/shm/? ...

  3. 淘宝ip地址库接口会导致TTFB时间变长，网站打开速度变慢

    前一段时间闲来无事发现别人的网站上有显示当前用户城市的功能,就自己也整了一个 这是淘宝ip地址库调用方法 然后问题就出现了,网站打开速度慢的要死 用F12发现是TTFB太慢,然后百度了,发现了问题的原 ...

  4. Google Font字体本地化使用提高网站访问速度

    Google Web font在国内经常不稳定,速度在国内延迟也很高,而引发网页打开速度慢. 一.常见的字体格式介绍 不同的浏览器对字体格式支持是不一致的,常见的如下: 1.TureTpe(.ttf) ...

  5. 优化Laravel网站打开速度

    Laravel是一个功能强大的框架,组件很多,代码也很庞大,它的易用方便是牺牲了性能的,即便如此它仍然是一个优秀的框架,但在正式环境下要做好优化提升网站的打开速度. 1.关闭debug 打开.env文 ...

  6. CURL命令测试网站打开速度

    curl -o /dev/null -s -w %{time_namelookup}:%{time_connect}:%{time_starttransfer}:%{time_total} http: ...

  7. hexo利用SAE提高网页打开速度

    起因 之前一直觉得网页加载速度其实也还行,就是有两个图标加载的非常慢,经常是网页都出来了,那两个图标还是个方框,要等好久才出来.终于,好好研究了一番,发现那个图标是fontawesome里的,然后字体 ...

  8. Tomcat针对网站打开速度慢进行局部优化方案

    首先打开tomcat下的conf文件夹里面的server.xml找到Tomcat端口号一栏 <Connector port="8081" protocol="HTT ...

  9. SEO提高网站排名快速见效的方法

    SEO如何提升网站排名?seo中文名称搜索引擎优化,是提升网站排名的一种技术手段,常用的手段就是优化标签,内链外链等等,最核心的优化方向,“关键词”.最常见的表现形式就是软文,但是有的时候就算你做了很 ...

随机推荐

  1. Nginx + tomcat 实现简单集群（基于反向代理方式）

    一.安装 nginx 1. nginx依赖以下一些软件库,在安装之前请确保安装了这些软件库,它们包括:gcc,openssl,zlib,pcre(可通过rpm -q命令查询是否已安装) 可通过命令 r ...

  2. 游戏(bzoj 1854)

    Description lxhgww最近迷上了一款游戏,在游戏里,他拥有很多的装备,每种装备都有2个属性,这些属性的值用[1,10000]之间的数表示.当他使用某种装备时,他只能使用该装备的某一个属性 ...

  3. 51Nod 1028 大数乘法 V2

    http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1028 分析: FFT/NTT板子题... 代码: NTT板子: #inc ...

  4. 【HDOJ5521】Meeting（最短路）

    题意:有n个点,m个点集,每个点集中有e[i]个点,同一点集的点互相之间到达需要t[i]单位的时间,求min(max(dis(1,i),dis(i,n))),i属于[1,n] 输出最小值并増序输出所有 ...

  5. Java中Collections的sort方法和Comparable与Comparator的比较

    一.Comparable 新建Student1类,类实现Comparable接口,并重写compareTo方法 public class Student1 implements Comparable& ...

  6. Visual Studio 试用版的评估期已经结束【解决方案】

    原文发布时间为:2010-01-09 -- 来源于本人的百度文章 [由搬家工具导入] Visual Studio 试用版的评估期已经结束…… 解决。2010年1月9日0:02:50，本人亲自尝试，可行 ...

  7. DNS+CDN

    参考: 一起学DNS系列文章:http://jeffyyko.blog.51cto.com/28563/186026 CDN技术原理:http://kb.cnblogs.com/page/121664 ...

  8. os模块 文件操作

    下面的方法可以在python程序里直接生成文件到系统路径(windows环境下测试): <<<<<<要注意字符串前面要加字母r>>>>> ...

  9. Jmeter(五十)_性能测试模拟真实场景下的用户操作

    概述 我们在做性能测试的时候,不同的视角看到的结果都不一样. 例如响应时间 用户通过客户端向服务端发出请求的时间为: T1服务端接收到请求,处理该请求的时间为:T2服务端返回数据给客户端时间为: T3 ...

  10. jvm 简单描述

    java零基础入门-面向对象篇(一) 基础类型和引用类型 友情提示:本章开始可能会有部分较深入的内容,不说又不行,说了又很难解释清楚,因为里面的技术细节实在太多太复杂,所以我会屏蔽部分技术细节,只展示 ...