Categories


Tags


提高网站打开速度的7大秘籍

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

1: 缩小Javascript和CSS文件

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

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

2:减少HTTP请求

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

提高网站打开速度的7大秘籍 性能优化 网站优化 SEO推广 第1张

通过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,如果不清楚可以问问所在空间商,让他们帮忙开启。

来源:卢松松博客


Public @ 2021-05-25 15:16:33

如何精简网站代码?

网页精简代码是网站优化中必不可少的部分,网站代码精简可以缩小页面体积提高网站加载速度,也方便搜索引擎检索网站中的主要信息。网站代码的精简主要包括合并JS、启用Gzip、JS位置、合并CSS、合并相同资源等各种方法。网站代码精简可以通过相关工具来诊断,当然当你了解过一些代码的精简这些代码精简完全可以不依靠工具进行了。从标签入手。Heading标签:包含了H1、H2、H3等等,是搜索引擎识别页面信息的

Public @ 2022-07-19 15:16:31

网站图片的优化有哪些?关于图片优化的7个方法

一:图片的大小现在用户在浏览网页时,不再青睐于光光的文字,而是转向图文并茂,一段段优美的文字,配上高档霸气的图片,美丽而富有磁力,就像是一个美女披上了一件漂亮的衣服一样,楚楚动人。但是在配置图片的时候需要注意图片的大小与尺寸,搜索引擎派遣蜘蛛来爬取你的网站图片时,喜欢接近121:75像素大小的图片,一是给网站服务器减压,第二是不拖累网站的网速,利用用户的点击快速浏览,一般来讲,6秒钟网站页面打不开

Public @ 2017-10-10 15:16:42

SEO优化中代码的使用要点以及对网站的影响

1、查询网站是否为静态页面f12 调用,右键打开控制台。输入: alert(document.lastModified); 查看时间,当前时间为伪静态页面一、HTML标签权重分值排列内部链接文字:标题title:域名:H1,H2字号标题:每段首句:路径或文件名:相似度(关键词堆积):每句开头:加粗或斜体:文本用法(内容):title属性: (注意不是标题, 是title属性, 比如a href=”

Public @ 2022-10-28 15:16:34

为什么说Div+CSS网页布局利于SEO优化?

1、精简网页代码使用DIVCSS布局、页面代码简化,这一点相信SEOer都知道。有两个直接精简代码带来的好处:一是提高蜘蛛爬行的效率,可以爬整个页面在最短暂的时间,它具有一定的优势,收集质量;二是由于高效的爬行,将蜘蛛欢迎,包括数量有很大优势。2、嵌套表的来解决这个问题“有多少文章网站推广”说,搜索引擎一般不捕获超过三层的嵌套表,这一点尚未得到官方确认相关的搜索引擎。我的几个实验结果没有完全出来,

Public @ 2017-07-22 15:16:35

更多您感兴趣的搜索

0.672182s