小技巧给网页减肥,让网站提速(转)

对于网站设计师来讲,网站的访问速度甚至比内容还重要。就算网站内容很优秀,但如果访问速度很慢,相信也不会有多少人耐心等待。下面就介绍一些我试用过的网站减肥方法,效果还不错,文章插图中的数字就是我博客减肥前后数据对比图,也希望在将来设计网站的时候能多多注意以下几项。

1:使用Gzip压缩文档:Gzip编码是用来改进网页性能的方法,不仅可以减小存储空间,还可以减少传输所需要的时间。将网站中的文件使用Gzip压缩后,可以显著地增加网页加载速度,同时也可以降低网站的带宽流量消耗。(使用此方法会加重服务器负担,因为需要修改服务器配置,对于虚拟主机用户来讲不可操作。)
延伸阅读:

如何给Tomcat,Apache配置gzip压缩功能

如何给IIS上启用Gzip压缩详解

2:CSS压缩减肥工具 http://www.xland.com.cn/css/geshihuacss.htm

把你的网站CSS代码复制到此框内,点击压缩化,一般都可以对CSS压缩1-5k.我的博客CSS代码缩小了2K。

3:给JavaScript文件减肥:这个方法不同于Gzip压缩功能,缩小JavaScript文档有很多方法,在这里推荐使用JS在线减肥网站:http://javascriptcompressor.com/

4:将样式表文件放在外部调用:把页面中需要用到的JavaScript 和CSS样式表文件放在另外的文件夹中,这样一来在打开网站其他页面时就会缓存这些调用的文件,从而加快网站页面的加载速度。

5:网站图片尽量使用GIF格式。GIF格式图片占用空间小,例如我的博客的插图,JPG格式的图片一般在10-50K之间,而GIF格式图片一般都是10K以下。

6:尽量不要在首页调用太大的FLASH文件和视频文件。

7:避免使用网页重定向:无论是通过服务器端重定向还是通过JavaScript代码进行内容重定向,网站都会首先加载一个空白的页面,然后再定向到另外的页面,这样不仅延长了页面的加载时间,还很有可能导致无法跳转,让用户面对一个“空白”页面。延伸阅读:如何正确使用网页重定向

8:把统计代码放到网站的最下面:不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。这样,在计数器不能访问的时候,你的网站速度也不会受到丝毫影响。

最后介绍一下我的博客测试速度的网站http://loadimpact.com

在文本框中输入要测试网站的网址lusongsong.com,然后点击Start test按钮就开始对网站速度进行测试。稍等一段时间,可以统计出加载网站的一些详细载入数据。包括整体加载和站内图片以及JavaScript 、CSS等代码载入。可以在右侧列表选择不同文件来同时对比,最多三个对象的加载数据。而且在Loadimpact网站中还可以生成图表显示,方便我们进行分析。通过生成的数据,就会知道自己网站速度的瓶颈在哪里,从而进一步来解决问题。

小技巧给网页减肥,让网站提速(转),布布扣,bubuko.com

时间: 2024-10-26 02:59:16

小技巧给网页减肥,让网站提速(转)的相关文章

小技巧给网页减肥,让网站提速

对于网站设计师来讲,网站的访问速度甚至比内容还重要.就算网站内容很优秀,但如果访问速度很慢,相信也不会有多少人耐心等待.下面就介绍一些我试用过的网站减肥方法,效果还不错,文章插图中的数字就是我博客减肥前后数据对比图,也希望在将来设计网站的时候能多多注意以下几项. 1:使用Gzip压缩文档:Gzip编码是用来改进网页性能的方法,不仅可以减小存储空间,还可以减少传输所需要的时间.将网站中的文件使用Gzip压缩后,可以显著地增加网页加载速度,同时也可以降低网站的带宽流量消耗.(使用此方法会加重服务器负

小技巧:如何突破某些网站只能登陆后才能进行文字拷贝的限制

我写公众号文章时,经常需要从一些网站的文章上查阅一些资料.比如我想把这个网页上的一个标题"SAP Fiori 2.0用户体验设计概念获红点大奖"进行拷贝. 然而当我按了键盘上的拷贝快捷键Ctrl C后,却收到这个提示,告诉我只有登陆后才能够进行复制操作. 可是为了登陆我得先注册,有点麻烦.如果赶时间的话,可以使用这篇文章的小技巧,达到不用先注册再登陆,也能任意拷贝网页文字的效果. 下面是详细步骤. 1. 和往常一样打开您想复制文字的网页,先不忙按Ctrl C.按F12打开Chrome浏

8个小技巧让你的网站脱颖而出

如今的个人网站越来越多,排名越来越困难,怎样才能在众多的网站当中排的一个好名次,让更多的用户找到你?这里给大家分享8个小技巧,让你的网站脱颖而出. 1.确定网站的目标关键词. 我理解的目标关键词是: 一.搜索量比较大. 二.竞争比较激烈. 三.必须跟网站内容相关. 如何选择目标关键词: 建议做调查,如果大型网站的关键词跟你选择的目标关键词重复,则要避开,否则很难做上去.建议做搜索量比较大的词但是竞争性比较小的目标关键词. 目标关键词最好做到网站标题上,权重比较大,最多不超过4个,3个最好. 2.

3个小分类教你轻松完成网站的关键词布局

对于希望SEO的网站建设前期,总重要的一个环节就是考虑我们关键词的布局问题,很多SEO文章都讲过关键词布局是多么多么重要,但是很少有人拿出具体的解决办法,今天潍坊SEO就通过一个简单的分类教大家轻松完成网站关键词布局: 其实我们的关键词可以分为三类:导航型关键词.信息型关键词.交易性关键词 我们来讲一下不同的关键词在分布的作用: 导航型关键词布局:导航型关键词搜索的用户自己都不知道自己需要什么内容,知识想找到特定网站给自己介绍这方面的内容,比如:升降机.空压机等这一类词,这一类词一般指数比较高,

55种网页常用小技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取.防止复制 3. onpaste="return false"

在Axure中使用FontAwesome替换你的网站图标[axure小技巧]

你是不是还在为你的网站做一个很小的图标而忙碌着?你是不是还在为找一个图标导出百度或者谷歌?你有没有想过可以用字体来做一个图标代替普通的图片图标?这两天给公司做案例,由于自己又对设计不熟悉,寻找图标的苦差可不是很好做.同事分享了一个用字体代替图片做网站图标的资源,在此非常感谢!Font Awesome,原只为Bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作.丢掉图片图标吧,跟我一起来用Font Awesome. 使用方法: 1. 下载 Font Awesome 官方网站

这些减肥小技巧,你知道几个?

这些减肥小技巧,你知道几个? 清晨清肠胃法   要想减肥,一大清早起床就清肠道是很有效的.一清早起来把身体内堆积的残留物清理出去是很有必要的.因此,你可以选择在一早起来之后喝上一大杯的淡蜂蜜水,但是蜂蜜水一定要注意它们的浓度,千万不要太甜,否则也有一定的坏处.一定要选择那种淡淡的甜味的蜂蜜水才是最好的. 减肥早餐 除了要在一大早清肠胃之外,要做的就是要在早餐的选择上选择食谱.所谓一日之计在于晨,这句话用于减肥同样可行.每天早上起来之后喝完蜂蜜之后做好再喝上200毫升左右的低脂酸奶,再吃一小片全麦

ibatis参数传递小技巧 - 疯狂的菠菜 - ITeye技术网站

body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;

网站优化的3个seo小技巧

网站运营的基础就是优化,对于很多人来讲,想要把网站做好,提升排名,无疑是一件比较苦恼的事.但是做网站优化,实际上也并没有想的那么复杂,有时候我们可以运用一些优化技巧,就可以把网站优化做好. 做好网站优化,提升网站排名小技巧: 1.网站初期关键词的选取 一般来说,刚刚建好的新站是没有多少权重的,就像是没有任何基础的一个新品牌一样,但是并不代表这个网站就不重要了.要想快速将网站排名做到靠前,打好基础也是相当重要的.在网站初期,如果盲目的去跟风,选择一些竞争激烈的"大词",那无疑是自己给自己