让广告代码不再影响你的网页加载速度

时间:2022年12月11日

/

来源:打不过就加入

/

编辑:本站小编

收藏本文

下载本文

以下是小编整理的让广告代码不再影响你的网页加载速度,本文共10篇,欢迎阅读分享。本文原稿由网友“打不过就加入”提供。

篇1:让广告代码不再影响你的网页加载速度

做一些联盟广告时,由于联盟广告的加载慢,整体页面的显示速度也会变慢,如果加入下面的代码就可以有效地解决这个问题,以下代码同时兼容IE和FireFox浏览器,

第一步:把这段代码放在你要放广告的网页位置:

广告载入中...

第二步:把这段代码放到页底:

这里放广告的JS代码或其他加载速度比较慢的内容都可以。

篇2:网站优化技巧之网页加载速度优化

不管你是不是相信,在最近的几年里,互联网网页的大小已经显著增大了,由HTTP Archive研究得出的结果表明,目前平均一个页面的大小是1.25M。对于拥有宽带的用户来说,可能并不是一个问题。但是对于那些网速并不理解的用户来说,可能会是一个非常头疼的问题。

首先我们看一个页面内容大小的饼图:

那么如何优化你的网页呢?

优化图片

这个绝对是显而易见的,可以看到图片占据的页面内容分量最重。在现代网页设计中,图片绝对占据了大部分的内容。你需要针对你的页面重新定义图片大小。这能够有效地帮助你减少页面大小。而且,这里有很多的功能能够帮助你针对图片减肥,例如,Smush.it和TinyPNG

压缩CSS和Javascript代码

有效地压缩CSS和javascript代码能够有效地减少页面大小,你可以删除空格优化代码。当然,压缩代码对于代码阅读不是非常有用,但是一般作为产品环境来说,我们通过这种方式可以有效地减少页面加载时间。

避免使用@import

@import CSS语法允许你加载其它的CSS文件。有时间非常有帮助,但是它并不是和主文件一起下载的,所以可能会增加页面加载时间。建议使用link标签,这样会更加高效。

减少HTTP请求次数

减少HTTP请求次数可以帮助你有效的增加网站加载速度。你可以使用如下方式:

1.  融合文件

将不同的样式表文章合成一个文件可以减少http请求的次数。同样对于javascript来说也适用。

2. 使用CSS sprites

使用sprites可以帮助你把多个图片文件放置到一个文件里,这样可以减少图片下载的次数。

利用浏览器缓存

可能你的网站中包含了一些并不常常变化的文件。例如,图片,CSS,javascript等等。如果让浏览器来缓存文件的话可以帮助你增加网页加载速度。通常我们使用web服务器的配置来达到效果,如下:

比较简单的方式是更新服务器的.htaccess文件。如下是代码:

# Enable Expirations

ExpiresActive On

# Default Expiration Time

ExpiresDefault “access plus 1 month”

# Expiration for Images

ExpiresByType image/gif “access plus 1 month”

ExpiresByType image/png “access plus 1 month”

ExpiresByType image/jpg “access plus 1 month”

ExpiresByType image/jpeg “access plus 1 month”

# Expiration for CSS

ExpiresByType text/css “access plus 1 month”

# Expiration for JavaScript

ExpiresByType application/javascript. ”access plus 1 month“

帮助你测试网页加载速度的工具

1. pagespeed

pagespeed是来自google的一个工具,可以帮助你分析web页面并且告诉你如何优化来提高效率,

当然,你可以作为chrome的扩展来使用。

2. speed tracer

另外一个来自于google的工具,允许你更深层次的查看页面性能。

3. YSLOW

一个浏览器的扩展,和pagespeed非常类似,拥有页面评分和等级。并且给你一些相关的推荐和解决方案

4. developer tools

很多浏览器例如,chrome和firefox都拥有自己内建的性能优化工具。可以帮助你了解页面加载的情况。

总结

在这篇文章中,我们介绍了相关优化页面加载的技巧,希望对于大家有所帮助。

via gbtags

篇3:添加信任白名单 加快网页加载速度

很多用户都在使用卡巴斯基全功能安全软件版本,其自带的包括网页反病毒等功能,可以有效拦截各类挂马、恶意网址信息,保护的系统免受 的远程攻击,识别能力出色,拦截效率也深受用户肯定,不过,如果很多用户,他们并不经常访问一些杂七杂八的网站内容,可能固定仅访问几组安全站点,且自己的机器配置相对不高,那么,取消对于某些我们特定的“安全”站点的检测,可以在一定程序上,加快内容的载入速度,并降低执行检测操作所带来的资源占用,

添加方法非常简单,我们首先进入到卡巴斯基全功能安全软件2010版本的“设置”选项,并在其设置模块左侧,找到“网页反病毒”设置,并进入到其安全级别调整选项中的对应设定功能(设置)。

进入卡巴”网页反病毒”选项在级别设定中选择“设置”

此时在其“扫描优化”选项卡中,我们勾选“如果网站位于信任地址列表中则不扫描”并通过后面的“选择”打开到网址信任白名单的添加窗口。

勾选开启信任白名单功能,通过“选择”启动添加窗口

此时通过对应窗口,我们就可以轻松添加网址白名单,如(ZOL.COM.CN)到对应的网址列表当中,这样在我们访问上述网站时,卡巴便不会对其进行扫描操作,

添加对应信任站点,到卡巴斯基网站地址掩码中

这样网址信任白名单便成功添加,不过这并不会影响到卡巴斯基对我们访问其它站点,特别是一些潜在恶意网站的有效拦截,仅对当前地址有效,使得我们依然可以得到软件出色的网页反病毒保护。

编辑点评:

很简单不过的一则小技巧,但却非常实用,因为很多朋友都说卡巴很“卡”,上新浪都很慢,那么现在好了,你可以把ZOL、新浪等网站添加到白名单中,这样再看,访问速度是不是就明显快很多了?

点击阅读更多学院相关文章>>

分享到

篇4:你知道如何优化加载网页字体吗

使用的font-family都加载浏览器自带的字体,但是如果使用css3中新标签@font-face来加载ttf字体,产生的流量将会很大

如题!

一般使用的font-family都加载浏览器自带的字体,但是如果使用css3中新标签@font-face来加载ttf字体,产生的流量将会很大,特别是对于中文字体,

现在的字体越来越多样化了,如何做到流畅加载字体呢?

今天在中国字体font.chinaz.com/ 下载了几个中文字体, 放到自己博客去加载,发现加载很慢。

一个中文的TTF字体8M多,不知要加载到什么时候才能显示?

然后我在想,这个中国字体网址他是如何做到加载那么多字体的,虽然有一些字体是图片,但他也提供了预览你输入的字体的功能。

不知有何解决办法?知道的麻烦回帖。

篇5:六招提高网页加载速度的小技巧

我们知道用户上网不喜欢用太多的时间等待网页的打开,等待的越长,用户会变的越来越不耐烦,甚至烦躁时会直接关闭网页,这样就会失去一些潜在的客户了!

其次,关键字的排名与网页的打开速度也有关系(参考:影响关键字排名的重要因素),这个主要体现搜索引擎对用户体验度上,用户体验度好,排名相对其它网站就好些,因此我觉得我们有必要去提高网页的打开速度,这个不需要太多的成本投入,只需要平时多注意一些小技巧就行了!下面给些小技巧大家参考一下:

1.优化css,我们知道css的出现,使内容和元素的表现方法分离,用户打开用css设计的网页,css一般被下载用户本地计算机,不像html元素表现标签,每次网站的网页都要调用一次,使用css,只需要一次就好了!另外,css在某些地方可以替代图片,这就是为什么现在提倡div+css的原因!不过,使用dw写css,也会有些多余的css代码。Css太臃肿的话,也会影响网页的速度,这里介绍一款工具cleancss给大家试试,它是一款在线工具。另外就是手工精简代码,这个确实有这个对于新手确实有难度,不过,多看一些精简css技巧的文章会对你有帮助的,看得多了,也就知道那些代码可以精简了。

2.优化图片,

这个没有什么技巧,通过软件就搞定了。我喜欢用ps,在ps中选择存储web所用格式,然后选择图片的质量等选项,图片看起来很清楚,大小又合适保存就可以了。

3.图片格式问题。选择正确的图片格式是非常重要的。Jpg一般用于照片或真彩色图片,gif运用平面色彩的图片,一般用于按钮或logo图片,png和gif非常相似,不过就是多支持一些色彩!

4.图片长宽的标记问题。这个问题一般在html中可以看到,一些人经常忘记写图片的长和宽了。这些标记是告诉浏览器打开图片之前的尺寸,浏览器加载网页时就会保留一块区域,加快整个网页显示速度。

5.在url中要学会用”/”。当一个用户打开类似一个url后面没有”/”,服务器就要确定什么类型的文件或是网页,这时你在网址后面加一个”/”,这时服务器就知道是一个目录的页面,减少载入时间。

6.减少网页的响应次数。对于网页的打开,其实是很复杂的过程。从网页的申请打开,到web服务器的响应,编译等动作,然后发回给浏览器,才显示我们面前的文字和图片,多媒体文件等。所以我要尽量减少响应次数,现在ajax在这方面就运用的不错。当然,一个静态页面就例外了,静态页面多注意图片大小和网页设计上就行了。

篇6:WordPress优化之网页加载速度测试分析工具

先介绍几款在线工具,检测你博客页面载入速度的,如果你博客的打开速度不是很快的话,可以先分析下自己的网页加载速度及网页组成结构。

因为最近几天乘这次新换主题将博客稍微优化了下,有几点体会可能会在后面几篇日志分别提到,分享给大家,如果必要的话。目前的优化除了常规的修改代码去掉不必要的 php 调用外,主要是强制浏览器缓存、Gzip 压缩以及 widget 侧栏缓存等几项来减少数据库查询次数,现在的初步优化结果不知大家能不能感觉出来,页底加入了页面加载信息,可以看下。只要你是一个页面优化控,或代码简洁狂,相信和我的博客一样,还有许多可以改进的地方提高网页打开速度。   睡到自然醒博客 CSS/JS 压缩合并还没做,还有一堆的插件/功能有待清理或原生集成到 WordPress 主题中。

其实依赖所谓的页面分析工具完全没有太大的必要,只有你对你的博客主题构成是最清楚的。但参考一下还是很有必要的,比如下面介绍的 YSlow,如果你能将你博客的 YSlow 等级做到 A,那绝对不是坏事。

1. Websitegoodies:功能最简单,报告页面响应时间及网页大小。但是不包括图片、视频等其它嵌入元素,2 秒为参考时间。

2. Websiteoptimization:报告页面 http 请求数,图片,CSS/JS 数量大小等,最下面给出的分析及优化建议很值得参考,尤其是红色的警告部分,

3. Pingdom:按照网页加载时间顺序模仿分析每一元素大小及加载时间,可以清楚看到是什么耗住了你的网页响应速度,多数情况下就是你的过于庞大众多JS 及图片文件!因此我现在博客上超过 10 K 的装饰性图片尽量删减或外链,JS 也需要合并压缩。

4. Firebug/YSlow:这工具相信大家的 FireFox 浏览器上都有安装(点此下载 Firebug, YSlow 插件),值得注意的是,在 YSlow 的帮助说明页面 “YSlow User Guide” 的页面表现规则 “Performance Rules” 部分列出的 22 条改善页面表现的规则可以说是网页设计开发人员的黄金准则,很值得参考。通过使用 YSlow 分析你博客网页,也将以这些标准来给你的网页表现打分。你可以通过各项指标的评级来应用到你博客设计和优化中,尤其是 E, F 等级的元素要重点优化。

上面是博客以上篇日志为参考,经过初步优化页面前后的变化, http 请求数从 60 降到了 30 个,缓存压缩后页面大小 70K 左右,最占体积的仍旧是 JSS 和图片。现在以 “小型网站或博客” 的评级标准为 C 级别,希望慢慢优化到 B 等级及以上。:)

你的博客打开速度快么,不妨尝试在其它的浏览器或清除浏览器缓存的情况下打开你的博客,模拟新访问者看你博客网页的情形,相信你会意识到问题的存在,狠下心来好好优化下你的博客。

本文来自:www.dreamfreeblog.com//10/optimizing-wordpress.html

篇7:让浏览网页的速度更快

让浏览网页的速度更快:

很多人都在抱怨Vista下网页浏览不了或是速度特别慢,一般情况喜爱我们都会考虑是迅雷占用了过多的带宽,其实,有时候罪魁祸首是Vista的TCP自动调谐功能,

问题:

尝试在基于Windows Vista的计算机上的IE浏览器中打开某些网站。但是,这可能会遇到Internet连接速度变慢的问题,并可能收到该页无法显示的错误消息。

解决方案:

要解决此问题,建议禁用TCP自动调谐功能,

步骤如下:

1.以具有管理权限的用户身份登录计算机。

2.单击开始,附件,找到命令提示符,右键之,以管理员身份运行

3.在命令提示符处键入以下命令,netsh int tcp set global autotuninglevel=disable,然后按Enter。

4.成功运行该命令后,请在命令提示符处键入exit,然后按Enter。

5.重新启动计算机。

6.登录计算机后,请尝试访问一个网站。

篇8:网站代码优化:让网站打开速度飞起来

网站的打开速度是一个非常重要的用户体验考核标准,当然,影响网站打开速度的原因有很多,比如服务器的问题,比如程序的问题等等,本文和大家主要分析的不是外部因素,主要是大家在网站设计过程当中,把内部因素做到极致,加快网站的打开速度就是这么简单!

一、如何判断一个网页的打开速度

1、网页内容的大小

搜索引擎优化网页打开的最佳 速度:2秒!网页内容所包括的文本、产品的图片、视频、Flash文件等。 我们有一个网页访问的时间计算公式:网页打开时间=网页内容大小/最小带宽+解析次数*每次解析时间+服务器处理时间+客户端解析时间。用户最满意的打开网页时间,是在2秒以下。用户能够忍受的最长等待时间的中位数,在 6-8秒之间。这就是说,8秒是个临界值,如果你的网站打开速度在8秒以上,那么很可能,大部分访问者最终都会离你而去。

2、控制页面的总规模

要想把网页做得精彩,内容必须丰富,但不要把所有的内容都放在一个页面上,应控制页面的总规模。首先统计页面中的每个元素,如文字、图像、ActiveX或Java代码 以及HTML文本的大小,页面容量最好在50K以下。

二、网页设计优化

网页优化是指在设计,使用网页各元素时,能够尽量减少网页元素对下载速度所产生的影响。这些细节我们了解后,是能在日常网页制作中可以进行避免的。

1、让网页符合W3C标准

(1)在网页制作中使 用结构层同表现层完全分离。也就 是布局使用用CSS而不用TABLE。这样做不仅能替换掉专业的表现层的垃圾代码如标签。而且也能让你的网站在重构方而能够轻松实现。几年来的多项研宄已证实,如果对一个网站进行重写,使用DIV+CSS布局取代表格布局,那么可以砍掉原 XHMTL文档大小的一半。

(2)让HTML标记有始有终。不管是我们自己写或是查看他人的HTML代码时,会发现HTML代码标签写得不规范。有的标记有头无尾,如标签 li,标签p。它并没有妨碍代码的正确执行。但浏览器却会花费时间来判断和计算段落或者列表项目在哪里结束。所以,我们一定要让标记有始有终,这样做不仅使HTML代码格式规范,更可以加速页面的显示速度。

2、优化层叠样式表

(1)层叠样式表css是HTML的装扮器,一个漂亮的Web页面不可能没有它。一般来说,我们要合并精减CSS代码,移除无用多余代码;图片尽量不要使用CSS的滤镜来渲染; CSS的选择器尽量简单定义。

(2)HTML页面中有多种引用CSS的方法,不同的方法导致的效率也不一样。通常,我们可以将定义于

3、优化图片

图片可以说是影响网页加载速度最大的因素,不管是使用图片优化工具,还是减小图片大小。在质量和文件大小之间必须找到一个合适的均衡点。主要有以下几个需了解的方面。

(1)一般在网页上使用的图片格式有三种,jpg、png、gif。我们只 需要知道在什么时候应该使用什么格式,以减少网页的加载时间。

(2)图片的使用显示。需要显示图片时,尽量使用背景图片,而不是直接加载。也需要注意的是尽量不要用一个很小的图片当背景,这样做会加大客户端CPU处理时间。比如说预载入下一页的主要内容时。在用户看到大图之前先把小图展开,让用户不至于在等待的过程中太焦虑。

(3)图片在HTML代码里要标明大小。这样浏览器就能事先留好空。当你在网页上添加图片或表格时,你应该指定它们的高度和 度,也就是参数。如果浏览器没有 找到height和width这两个参数, 它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度, 也影响浏览体验。

4、优化脚本语言

(1)网页的效果离不开脚本程序的支持,我们经常会在页面中嵌入多种脚本语言,比如常用到的javascript 与VBScript语言。动态脚本代码在使用中也可以进行一定的优化。在网页中使用同一种脚本语言。不知你发觉没有,在一个网页中使用到多种脚本代码时,这样的混合使用会减慢页面的访问速度。原因在于:要解释并运行多种脚本代码,就必须在内存中装载多种脚本引擎。所以,请尽量在页面中使用同一种脚本语言编写代码。

(2)能用层叠样式表实现效果时,不使用脚本语言。如必须使用动态脚本代码时,尽量将代码外放。我们知道搜索引擎是不能读取脚本语言的。如果你觉得往外放太 过麻烦,我们可以将脚本代码与网页分离,单独放到底部来。对于访客来说,网站打开至加载到底部的代码时间很短,有时可以忽略不记,所以不会影响什么。而对于搜索引擎来说它不认识的代码越少当然越好了。

(3)将多个页面都用到的脚本程序编写成独立存在的脚本文件,然后再在页面中通过JAVASCRIPT等脚文语言调用它。将多页面共有部分提取出来减少web页面下载时间的关键就是设法减小文件大小。当多个页面共用一些成分内容时,就可以考虑将这些公用部分单独分离出来。这样,公用文件只需要下载一次,然后就进入缓冲区。等下 再次调用包含公用文件的html页面时,下载时间明显减少。

5、其它技巧的优化

(1)巧用IFRAME布局

巧用iframe加快网页打开速度。如果网页上插入一些广告代码,又不想让这些广告网站影响 度的话,那么,使用iframe最合适不过了。例如在某个首页上插入一些广告代码方法:将这些广告代码放到一个独立的页面去,然后在首页用iframe代码将该页面嵌入即可,这样就不会因为广告页面的延迟而拖了整个首页的显示。又比 如,开发一个文档预览页面,可以在左边放置一系列主题,在右边放置一个IFRAME,其中包含要预览的文档;当鼠标掠过左边的每一个主题链接时,就在右边建立一个 预览文档。我们只需使用单一且简化了处理过程。

(2)不要让统计代码影响速度

很多网站都有统计代码,为站长和广告商家提供访问依据,但是,不管功能有多强大的网站统计系统,都会有出问题的时候。都要运行时间,如果直接把统计代码放到页面内容的前面,或者放在一个Table或者div标签里,那么在计数器不能访问的时候,你的页面上那个Table或者div就会产生几十秒钟的延迟,导致页面很长时间才能访问。所以,要提高网站的速度,就要讲究统计代码放置的位置,推荐的做法是:把统计代码放到页面的最下面,并且不要和页面内容同在一个Table或者div标签里。 可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一 个Table或者div来放置计数器,这样,在计数器不能访问的时候,你的 IFRAME,修改它的SRC属性即可。这样做,不仅代码效率高效,而网站速度也不会受到丝毫影响。

(3)页面静态化设计

有些内容可以静态化就将其静态化,以减少服务器的负担。 如用图片代替flash,这对SEO也有好处。同理,能用静态HTML页面实现的,尽量用静态网页。因为数据 更新的原因,ASP、PHP、JSP等程 序实现了网页信息的动态交互,运行起来的确非常方便,因为它们的 数据交互性好,能很方便存取最新 内容、更改数据库的内容,使网站 “动”起来,如:论坛、留言板 等。但是这类程序必须先由服务 执行处理后,生成HTML页面,然后 再 “送”往客户端浏览,这就不得 不耗费一定的服务器资源。如果在 虚拟主机上过多地使用这类程序, 网页显示速度肯定会慢,所以如何 可能,为了网页打开速度加快,请 尽量使用静态的HTML页面。

对于网页设计者来说。每一个页面都应该是精雕细刻,尽其可能优化每一个细节,加快网页下载打开的速度,以提高用户体验的感受,能够让我们的网站有更好的用户体验,赶快按照上面说的方法,让自己的网站打开速度飞起来吧!

[网站代码优化:让网站打开速度飞起来]

篇9:IE9等四款浏览器五方面对比:网页加载速度类似

国外媒体今天刊文,对IE9、火狐4、Chrome 10和Safari 5等4款最新的互联网浏览器进行了对比,以下为文章主要内容:一款最新的浏览器应当有以下功能:速度更快,用户界面更合理,能使用户更多地关注互联网内容,而非浏览器本身,用户还可以直接通过浏览器的地址栏进行搜索。这款浏览器还应当支持HTML5技术,并吸引第三方开发者为其开发插件,使用户获得个性化的浏览体验。

各大浏览器市场份额变化

这款浏览器还应当支持硬件加速功能,充分利用用户计算机显卡的性能。此外,这款浏览器还应当增强隐私控制功能,并实现与用户手机的同步。

哪一款浏览器符合这样的要求?目前,市面上主要的浏览器产品包括谷歌Chrome、苹果Safari、微软IE和Mozilla的火狐。在沉寂了之后,浏览器市场的竞争正在逐渐恢复。本周,微软推出了IE9,而谷歌上周则发布了Chrome 10。Mozilla本月将发布火狐4,这款浏览器将集成一些极具吸引力的新功能。苹果去年6月推出的Safari 5也是一款采用了许多新技术的浏览器。

对消费者来说,浏览器市场恢复竞争是好消息,但这也导致消费者在选择浏览器时感到困惑。尽管这些浏览器有很多类似之处,但也有一些关键的不同。

速度

这4款浏览器在网页加载速度方面都进行了很多优化,采用了智能缓存技术,以及更先进的渲染引擎。尽管某些浏览器在某些网站上的表现更好,但对普通用户来说,这样的速度差异是几乎无法被感知的。

这些浏览器之间真正的差异在于硬件加速功能,IE9、火狐4和Chrome 10都支持这一功能。通过硬件加速技术,浏览器可以利用计算机的图形处理器,提升打开复杂页面的速度。而网站未来也可以将高清视频和背景中其他移动的图片整合在一起。

不过,目前所有浏览器的硬件加速功能都是相同的,

测试表明,IE9在这方面的性能好于其他浏览器,不过这只是针对在Windows 7系统中而言。由于目前仍有55%的PC采用XP系统,大部分用户将无法使用该功能。

火狐4和Chrome 10能够在XP系统中支持硬件加速。在Chrome 10中,用户需要手动打开这一功能,因为该功能默认关闭。

隐私控制

由于越来越多的第三方广告主在互联网上收集用户的个人信息,新的浏览器将需要找到新的方式,帮助用户限制广告主的这种行为。IE9的跟踪保护功能、火狐4 的“请勿跟踪”功能,以及Chrome 10的类似插件都可以做到这一点,使用户可以控制哪些网站可以收集他们的数据。

Chrome 10的用户可以安装一款插件,永久性地阻止广告主收集用户信息。在IE9中,用户可以创建广告主列表,阻止这些广告主的跟踪。火狐4是唯一一款与广告主直接合作的浏览器。广告主可以志愿加入“请勿跟踪”列表,用户只需启用这一功能即可避免被跟踪。

同步

Chrome 10和火狐4都允许用户将桌面浏览器与手机浏览器进行同步。Chrome的用户可以在桌面浏览器和Android手机中安装一款名为“Chrome至手机”的应用。用户只需点击一个按钮,即可将当前在PC上看到的任何内容发送至Android手机。

火狐浏览器的功能更进一步。用户在桌面浏览器上查看的任何内容都可以被自动同步至手机,用户不必主动进行发送的操作。

独有功能

各款浏览器都有一些独特的功能。IE9允许用户将网站固定在任务栏中,通过右键点击即可进入跳转列表。这意味着用户可以像打开应用一样打开网站。

火狐能实现在一个窗口中查看并管理所有打开的标签。Chrome则可以帮助用户将所有信息都保存在云计算系统中,实现浏览历史和设置的同步。Safari则内建了Readability功能,此外还可以清除网页上的广告。

篇10:七大招让您不再因浏览网页的速度而头疼

关于我们上网打开网页的浏览速度的问题一直让许多朋友头疼,在相同的机器和网速下为什么有的机器浏览速度就会很快,用着很舒心,有的朋友看到别人在网上冲浪那么爽,自己却在这里砸键盘怪自己的机器配置低,其实不然,在这里我个人总结了一些切实可行的方法,制作主页时,以下的方法可以令你的网页速度大大提高,来与大家一起分享!

一.记得帮页面减肥

我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘,再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重,所以,网页本身所占的空间越小,那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则,如:不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。

二、如没必要,尽量使用静态HTML页面

众所周知,ASP、PHP、JSP等程序实现了网页信息的动态交互,运行起来的确非常方便,因为它们的数据交互性好,能很方便地存取、更改数据库的内容,使网站“动”起来,如:论坛、留言板等。但是这类程序必须先由服务器执行处理后,生成HTML页面,然后再“送”往客户端浏览,这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序,网页显示速度肯定会慢,所以没有必要,请尽量使用静态的HTML页面。 这一点可以参考

三、切忌将整个页面内容塞到一个Table中

这是网页设计的问题了,很多站长为了追求页面统一对齐,将整个页面的内容都塞进了一个Table(表格)里,然后再由单元格td来划分各个“块”的布局,这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的,如果某些内容无法访问,就会拖延整个页面的访问速度。正确的做法是:将内容分割到几个具有相同格局的Table中去,不要全都塞到一个Table里。

四.将ASP、ASPX、PHP等文件的访问改为.js引用。

这在ASP、ASPX、PHP等程序设计时应该注意的,如果你要在静态的HTML页面里嵌入动态的数据,而这些动态的数据是由ASP、PHP等程序来提供的话,会使用以下的语句引用:,这样的话,每次有一个人访问你的网站,服务器就要执行并处理一次tongji.asp文件,从数据库抽取相应的数据,再输出给网页显示,如果有几万个人同时访问,就要执行几万次,后果就可想而知。建议在这些程序中将数据动态生成到一个1.js文件中去,然后在首页通过 < script. src=“www.XXX.com/1.js”>< /script>这样的代码来引用该1.js文件。这样,数据显示的任务就交给客户端的浏览器去做,不会耗费服务器的资源,显示速度自然就很快;

五.使用iframe嵌套另一页面,

如果你要在网站上插入一些广告代码,又不想让这些广告网站影响速度的话,那么,使用iframe最合适不过了。方法是:将这些广告代码放到一个独立的页面去,然后在首页用如下的代码将该页面嵌入即可,这样就不会因为广告页面的延迟而拖了整个首页的显示,代码如下:

<iframe. align=“center” width=“780” height=“30” name=“all” scrolling=“no” marginWidth=0 frameborder=“0” src=www.XXX.com></iframe>

其中www.XXX.com 就是被引用的文件路径。

六.讲究网站计数器代码放置的技巧

在网页里放置计数器可以统计网站的访问流量,为站长和广告商家提供访问依据,但是,不管功能有多强大的网站统计系统,都会有出故障的时候。如果直接把统计代码放到页面内容的前面,或者放在一个Table或者div标签里,那么在计数器不能访问的时候,你的页面上那个Table或者div就会产生几十秒钟的延迟,导致页面很长时间才能访问。所以,要提高网站的速度,就要讲究统计代码放置的位置,正确的方法是:把统计代码放到页面的最下面,并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。这样,在计数器不能访问的时候,你的网站速度也不会受到丝毫影响。

七.友情链接的学问

网站之间互相做链接可以增加网站的宣传效果,做LOGO图片链接更能准确地描述网站的主题和定位,宣传效果会大大的增强,但图片链接做得太多,必然会影响网页的显示速度。很多站长都喜欢直接引用友情网站上的图片URL,这样图片要先经过加载才能显示的,各个友情网站的访问速度不一样,整个表格都要等图片都下载完了才能显示出来,这样大大降低了网页的速度。因此,做友情链接时应尽量做到:

1.只做文字链接:做文字链接是不会延迟网页速度的。

2.将所有链接放到一个独立的分页去,然后在首页链接上该页。

3.如果友情链接一定要出现在首页,请将链接所在的整个Table放到页面的最下方,因为页面是由上到下逐行显示的,将其放到页面的最下方,不会延迟其他内容的显示。

4.友情链接的LOGO图片先下载后再传到自己的网页空间,这样,速度由自己的网站空间决定而不受友情网站的影响。

总之,网站速度优化还有很多途径,尤其是在网站建设初期的架构上要多采用静态页面展现+的架构,只有这样才能从根本上提高网站访问速度

网页设计的代码范文

影响你的ADSL速度的原因及解决方案

提升浏览网页速度的方法网络技巧

电脑百科影响Ghost速度的原因及解决方法

影响电脑开机速度的八个常见原因

下载让广告代码不再影响你的网页加载速度(共10篇)
让广告代码不再影响你的网页加载速度.doc
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档
点击下载本文文档