谈谈压缩网页文件大小的三个方法

  当大家都把目光集中在内容优化和外链优化的时候,那些成功的网站,则通过细节的优化,让网站获得更好的用户体验,让自己的网站从激烈的竞争中脱颖而出!目前网站的SEO优化细节涉及到方方面面,笔者的这篇文章,重点分析的网页文件大小在网站优化方面的作用,从而让大家知道,一个小细节的处理,往往能够获得大回报的道理!

  如果把时间逆转到十年前,如果用那时候的网速来打开现在的网页,说不定就没有了现在互联网的繁荣了,因为很多网站都打不开,想要看一个网页都十分的费力,自然互联网培养网民的能力就会大大的降低,没有网民的支持,互联网上的网站再多,那也没有什么用的!现在网站之所以能够打开的比较快,是因为影响网页速度的三个方面都取得了长足的进步,一个是网速,另一个是服务器处理的速度都极大的提升了,还有就是不少站长知道了如何优化自己的网页文件,让网页文件变得更小一点,自然就能够让用户获得快速的冲浪体验了!既然网页压缩有着相当的重要性,那么作为一个站长,如何让众多的网页文件实现既快又好的压缩效果呢?下面笔者就从三个方面来谈一谈!

  一:针对网站图片,视频以及音频和flash的优化

  网页尺寸大小往往有网页上的图片,视频以及音频或者现在比较少用的flash造成的,如果网页上的这些元素少了,仅仅是文字性的内容,自然整个网页的尺寸就能够降下来,可是如果没有这些元素,网页看起来又太单调,对用户的吸引力不够,特别是一些视频网站,其主要内容更是以视频为主,所以在不能够减少这些元素的应用之后,剩下来的就是要想办法把这些元素进行压缩了,不过对于图片音频和视频而言,可以通过格式的转变还是比较容易实现的!另外对于播放flash,视频音频的控件也能够通过优化代码的方式来实现,这样就能够极大的减少网页的尺寸,让用户实现高速冲浪的快感!

  二:针对网页HTML、JS、CSS代码的优化

  我们知道,网页上的任何元素,最终都会转化成代码,被用户的浏览器下载到本地,并且通过浏览器来转化成相应的页面,由此可见,网页大小也可以通过优化网页代码来控制,一个良好优化的网页代码,往往在压缩网页尺寸方面,能够提升三成以上的效果,所以针对HTML,JS,CSS代码的优化就显得比较重要了!

  比如我们通过采用向后兼容的省略模式,将文档类型的代码使用“!DOCTYPE html”而不是传统的dtd,就能够给网页节约超过180个字符,还有像DIV+CSS的结构要比表结构更加的节省代码,而从word,或者写字板粘贴过来的文件,也可以通过操控源代码,来清除冗余代码,当然现在很多CMS系统,对于这方面已经有了一定的优化!另外如果网页很长,那么通过分页的方法,也能够减少每一个网页的大小!另外对于调用jquery等库文件时,也应该选择一些较小的文件,只要满足需要就行!

  三:使用GZIP压缩来压缩网页文件

  这种方式,往往存在一定的风险,但是这种压缩比是非常高的,甚至能够超过八成,但是风险就是搜索引擎蜘蛛搜索到这样的压缩文件时,往往会返回代码200 0 64,换句话说,就是不利于网站内容的收录,所以对于重要的网站内容而言,还是较少的使用比较好!

  当然除了上面三种方法之外,还有很多笔者未知的方法,如果有站长朋友知道,也一并拿出来分享一下,毕竟通过集体的努力,才能够让整个互联网的用户体验度都能够提上来,让用户真正的享受到网上冲浪的快感!本文来源:www.lovegx.com A5首发,转载请注明,谢谢!

时间: 2024-09-18 12:54:13

谈谈压缩网页文件大小的三个方法的相关文章

PHP把网页保存为word文件的三种方法

 最近工作遇到关于生成word的问题,现在总结一下生成word的三种方法的相关资料,需要的朋友可以参考下 一.PHP生成word的两种思路或原理   1.利用windows下面的 com组件 2.利用PHP将内容写入doc文件之中 具体实现方法如下.   二.利用windows下面的com组件   原理:com作为PHP的一个扩展类,安装过office的服务器会自动调用word.application的com,可以自动生成文档,PHP官方文档手册:http://www.php.net/manua

让网页图片变灰色的三种方法

原文 让网页图片变灰色的三种方法 我一直喜欢灰度图像因为我认为他们看起来更有艺术感.很多图片编辑如Photoshop很容易把你的彩色图像变成灰度.甚至有选择调整颜色深度和色调.不幸的是,这样的效果想做在网络上并不容易,因为浏览器有差异. 1.CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度.以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度. 现在,过滤器属性是CSS3规范的一部分,并支持在一些浏览器,Firefox.Chrome和Safari.以前,

php file_get_contents抓取Gzip网页乱码的三种解决方法_php实例

把抓取到的内容转下编码即可($content=iconv("GBK", "UTF-8//IGNORE", $content);),我们这里讨论的是如何抓取开了Gzip的页面.怎么判断呢?获取的头部当中有Content-Encoding: gzip说明内容是GZIP压缩的.用FireBug看一下就知道页面开了gzip没有.下面是用firebug查看我的博客的头信息,Gzip是开了的. 复制代码 代码如下: 请求头信息原始头信息Accept text/html,appl

网页中JS函数自动执行常用三种方法_javascript技巧

本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下 一.JS方法 1.最简单的调用方式,直接写到html的body标签里面: <body onload="myfunction()"> <html> <body onload="func1();func2();func3();"> </body> </html> 2.在JS语句调用: <script type="text

css样式导入网页的三种方法

css样式导入网页的三种方法, 仔细一点的朋友都会发现很多大的门户站他们是直接把css写在了文档里面,页也有很多站有link链接也有一些站用import像taobao等.那么他们有什么优点与缺点呢?下面我们来看看吧.  一:直接写在页面里面css 与页面同时被加载,这样的好处可以减少服务器的链接线程这就是为什么大型站都直接写在了文档里面了,因为流量大处处要考虑的. 二:link是导入外部的这样自然要等页面内容加载完之后才加载link的样式了,这样就容易出现网速慢时加载中断,页面显示乱乱的哦我想各

syntaxhighlighter 去掉右上角问号图标的三种方法_网页编辑器

使用免费产品就有帮它宣传的义务,所以,在使用该工具时,会自动显示一个帮助图标,点击它会提示访问官方网站并呼吁捐款,付费后可以去掉该图标. syntaxhighlighter       官方的做法无可非议,不过如果我们想取消这个看起来比较碍眼的图标,又不想付费,那有什么办法呢?如下是我获知的三种方法:       方法一       在网页前面,通常是在<head></head>里加上如下代码: <script type="text/javascript"

apache启用mod_deflate的GZIP压缩网页传输方法

gzip原本是文件压缩格式,扩展名为.gz,HTTP协议用它来改进WEB应用程序性能,加快HTTP请求返回内容的下载速度,增加用户体验,降低网络带宽占用 apache内置有mod_deflate模块来启用gzip功能,但假如安装apache的时候没有编译相关模块,就需要你手动安装一次,以启用它: 首先到你的apache源码目录,查找到mod_deflate.c文件 Mac及Linux下都可用locate mod_deflate.c 通常位置:apachehttpd源码目录/modules/fil

减小Win7体积三个方法

  我们在使用Windows 7的时候会发现他的系统大小介于XP和Vista之间,但是对于一些人来说还是希望Windows 7做到系统的最小化.下面的三个方法会让你如愿以偿. 微软对于Vista如此庞大的体积,是这样解释的:我们为广大Vista用户内置了上百万种硬件的驱动,同时由于系统内核的升级,我们必须考虑到兼容旧内核的功能,这样导致了体积的猛增. 那么对于微软下一代操作系统:Windows 7,它的体积又如何呢?不会还是和Vista一样臃肿庞大吧?当然不会,微软在开发初期就已经吸取了很多教训

网页制作初学者较常见的网页布局问题以及解决方法

初学|解决|网页|问题 第一种方法:做一个网页解决问题(长了点) 如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助. 一.消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常. 但在改变浏览窗口大小之后,网页就变得"不堪入目"