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

时间:2022-11-24 23:28:12 作者:K宝宋伊景 综合材料 收藏本文 下载本文

“K宝宋伊景”通过精心收集,向本站投稿了10篇WordPress优化之网页加载速度测试分析工具,这里给大家分享一些WordPress优化之网页加载速度测试分析工具,供大家参考。

篇1: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

篇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:测试网站速度的几款免费工具网页设计

如果您是网站所有者、网站站长或网页作者,下面这些免费工具可以帮您测试网站速度:

页面速度(Page Speed),一个开源的Firefox/Firebug插件,能评估网页性能并提供改进意见,

测试网站速度的几款免费工具网页设计

YSlow,雅虎的一款免费工具,能提供提高网站速度的方式。

网页测试(WebPagetest),以瀑布式图表展示您的网页的加载性能,并提供一个优化清单。

在网站站长工具(Webmaster Tools)中,实验室->网站性能展示出您的网站速度。

code.google.com/speed上还有许多其他工具。

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

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

如题!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

编辑点评:

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

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

分享到

篇6:4个在线网页安全测试工具

你的网页/博客安全吗?你确定你即将要打开的页面不是垃圾、病毒和钓鱼页面吗?在现下的互联网环境,可能谁也不敢保证,也许你要说不是有杀毒软件吗?尽管现有的主流杀毒软件几乎都宣布有主动防御的功能,但是实际效果有几多就是仁者见仁智者见智了,所以,遇到可疑的页面,或者是感觉自己的网页可能出现问题的时候,最好主动监测,这里介绍4个现在检测网页的工具,

Norton Safe Web

大名鼎鼎的诺顿安全在线,检测一下自己的博客页面先:

可以清晰的看到,目前我的博客页面是很安全的,不过之前每天大概会收到大概200个左右的spam,用了some chinese please这个插件之后才清净了。

奇怪的是,用诺顿安全在线检测的时候,第一次总会无法访问,刷新一次又好了,不知道是什么个情况。

Web of Trust (WOT)

Web of Trust (WOT)同样提供在线网页安全检测,输入页面之后,会提供该网站在隐私保护、儿童安全等方面的可信度,

管理资料

相比于单一网页的检测,WOT还提供一个浏览器扩展,安装之后,所有网页的安全系数都一目了然了,非常的方便。

McAfee Site Advisor

McAfee网站顾问同样是一个优秀的在线网页安全检测工具。

打开页面,也许你会说不是需要下载软件才能检测吗?其实不必,仔细寻找一下,可以在页面的右侧中央位置找到在线检测的入口,同时,还可以通过McAfee和雅虎合作的 安全搜索进行放心的搜索。

Online Site Scan

相比之下,在线网页扫描工具就如同他的名字一样简单明了,没有多余的功能,就一个链接入口。

可以看出,其实这个工具就是集合了其他几个网页安全检测的结果,虽然简单,但很实用。

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

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

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

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在这方面就运用的不错。当然,一个静态页面就例外了,静态页面多注意图片大小和网页设计上就行了。

篇8:内容优化:关键词的分析工具

内容优化仍是目前SEO活动最关注的,因为你会不断地为网站或是博客增加内容,因此总有新的机会可以改善搜索引擎的可视度,但要在任何网...

内容优化仍是目前SEO活动最关注的,因为你会不断地为网站或是博客增加内容,因此总有新的机会可以改善搜索引擎的可视度。但要在任何网站找到正确的词汇,你就必须进行固定的、深入的关键词研究。

你必须理解不同词汇之间的关系,了解人们在搜索商品和服务时如果把这些词汇加到网站的内容中。在上个专栏《内容优化:关键词提示工具》一文中,我介绍了如何建立关键词列表和一些常用的、免费的关键词提示工具,诸如Quintura, Google Suggest, Yahoo Search Suggest, Google Trends以及Google AdWords关键词工具等。

关键词提示工具会帮助你理解什么词可用在搜索引擎中,什么词组与这些词汇有关联。关键词分析工具可以提供衡量关键词提示功能的办法,以及特定搜索词汇的竞争状况等。更为重要的是,关键词分析工具有助于你确定具有关键词和词组的搜索选择行销活动的相对规模。

当然,关键词分析工具和关键词提示工具之间存在很多的区别。比如,谷歌工具数据从谷歌搜索网站中获得,而基于订阅的关键词分析工具诸如 Keyword Discovery和 WordtrackerKeyword采用更多的信息数据库,其可以被分割,并以不同的方式重新定义。

在Wordtracker中,关键词数据由主要的metacrawlers,诸如MetaCrawler和Dogpile等获得。当用户在Wordtracker中进行关键词研究时,程序会计算特定关键词或词组在316,558,816中词汇中出现的次数。比如,计算150,意味着一个特定的词汇在Wordtracker数据库中出现150次。

Wordtracker认为,metacrawlers搜索数据与主流搜索引擎的查询很匹配,数据不是由软件自动获得,会不断地检查网站排名和付费排名情况。这是因为Keyword Discovery采用全球增值数据库,该数据库包括约44亿个搜索,每个搜索都来源于用户的搜索数据,以防止相同类似的数据失真,

上述两款关键词分析工具不会扩大关键词搜索数据,来为你提供更为准确的搜索选择流量,尽管这些数据的最初来源十分不同。两款工具也能提供多种方式分割数据。

我们拿“dog food”进行说明。平均下来,在谷歌搜索引擎中每天约有1395次针对“dog food”的查询。而Keyword Discovery根据一年的平均状况,认为每天有1088次针对这个词的搜索查询。而Wordtracker则认为, 针对“dog food”的搜索是上述数字的两倍多。

当你采用Keyword Discovery进行关键词研究时,你会发现词汇和词组在搜索查询中的季节性使用情况,以此作为该词汇和词组的年度搜索趋势,为搜索引擎市场份额提供研究素材。

Keyword Discovery和Wordtracker数据可轻易地进行分割,评估谷歌搜索选择流量,或是其它的搜索引擎流量。比如,Keyword Discovery估计,在谷歌搜索引擎中针对“dog food”的查询约为1043次,或是每日预测数据的47%.在Keyword Discovery中,谷歌只占其平均每日预测的67%,因此,Keyword Discovery预测每天在谷歌搜索中会有738次“dog food”搜索。

但考虑到数据转换为平均30天为一月的月度预测时,这可能在搜索选择流量中不会有大的区别。Google AdWords预测,针对“dog food”的优先位置广告有37,200到46,500次点击。同时,Keyword Discovery预测,本月有22.140次针对“dog food”的搜索,而Wordtracker预测每月有31.290次针对“dog food”的搜索。

当然,这种准确的搜索预测取决于你的网站所处的位置。你可以把优先关键词的实际的数据与实际的检查预测进行对比。下一次,我们会分析一下什么是关键词分析工具。同时,要明白,在谷歌搜索引擎中,每个关键词的搜索数量要高于Keyword Discovery和Wordtracker.这是因为谷歌AdWords工具通过默认方式提供更广泛的聚合,而Keyword Discovery和Wordtracker则目的性微差一些。不论哪种工具进行的预测,其数据也是相对的。我们如果不断进行网站内容优化,你会就人发明白,只要在关键词研究中花一些时间,你就能达到你的优化目标。

篇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:让广告代码不再影响你的网页加载速度

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

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

广告载入中...

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

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

教你三步优化wordpress博客

cisco 快速测试工具 tclsh命令

浏览器标准测试――Acid3测试网页设计

站内优化之网站标题如何优化

测试决策和分析能力面试题

安全性测试之SQL注入

集团资金管理模式优化分析论文

管理者的工具之承诺式管理

速度说课稿

二年级语文期中测试质量分析

WordPress优化之网页加载速度测试分析工具(精选10篇)

欢迎下载DOC格式的WordPress优化之网页加载速度测试分析工具,但愿能给您带来参考作用!
推荐度: 推荐 推荐 推荐 推荐 推荐
点击下载文档 文档为doc格式
点击下载本文文档