WPO

三天不学习，赶不上浏览器——WPO得跟上形势

时代在进步，浏览器也在进步，做WPO（性能优化）工作得跟得上形势。 《高性能网站建设HighPerformanceWebSites》英文版2007年推出，直到今天，都被奉为经典。
谭砚耘·2012-01-13 01:00

WPO基础：细说ETags以及如何在 IIS6和 IIS7下取消ETags

 根据SteveSouders的14条军规，其中“合理配置Etags”常常让人疑惑，不少人询问在iis6或iis7找不到这一选项。 什么是ETags看看下图是IIS6下，服务器发送反馈的头信息，红色线框中就是etag：  “325084dfa930cc1:33b” 就是EtagEtag的全称是entitytag。我们在之前的文章中，介绍了浏览器缓存，条件GET请求以及expiresheader的原
谭砚耘·2012-01-11 08:00

WPO研究：safari下如何模拟全缓存访问行为？

  这篇文章接上一篇文章《 WPO技巧：在本地浏览器上模拟用户访问行为 》   之前提到，在IE 火狐 Chrome浏览器下模拟全缓存访问行为，只需要鼠标点击地址栏，然后点击回车
谭砚耘·2012-01-10 09:00

WPO技巧：在本地浏览器上模拟用户访问行为

在WPO性能优化过程中，我们需要在本地浏览器模拟用户访问网站行为。
谭砚耘·2012-01-09 11:00

WPO技巧: 加载Google提供的JQuery插件

  现在做网站，jquery必不可少。通常我们访问jquery网站寻找最新版本下载，比如最新1.71版本下载位置：http://code.jquery.com/jquery-1.7.1.min.js部分人需要老版本（实际上很多基于jquery的插件，和新版本不兼容，我们经常要用老版本），老版本下载地址http://docs.jquery.com/Downloading_jQuery#Downloa
谭砚耘·2012-01-05 08:00

WPO不可忽略部分-后端和网络优化

SteveSouders提出著名的20/80论述，也就是页面载入时间80%由前端占用，20%后端占用，所以WPO的工作重点在于前段。
谭砚耘·2012-01-01 22:00

WPO基础：不同操作系统下如何设置Expires Header

 在前文《WPO基础：浏览器缓存、条件GET请求和ExpiresHeader》中提到，设置超长时间的ExpiresHeader后，浏览器不需要和服务器交互，直接从缓存读取数据。
谭砚耘·2011-12-30 09:00

WPO技巧：使用iframe要小心

iframe经常用来载入第三方内容，广告，小插件。但，使用iframe需要谨慎1.iframe的加载，本来就耗用更多的浏览器资源。下图是打开100个标签浏览器耗费的时间，可以看到iframe标签占用资源那是相当大。2.iframe会阻碍主页面加载。通常我们打开一个网页，Windows的Onload事件会以最快速度加载，加载完成后，繁忙指示器（也就是那个时间沙漏）就会消失，我们就知道页面已经载入完成
谭砚耘·2011-12-28 08:00

WPO基础：浏览器缓存、条件GET请求和Expires Header

我们常常会有如下经验：我第一次访问某个网页的时候，花费了10秒钟，第二次进去的时候，5秒钟内页面就完全打开了。为什么会这样呢？我们用浏览器访问某个图片logo.jpg作为例子来说明。我们的浏览器第一次访问网页的时候，浏览器通过互联网络向网站服务器发起一个HTTP请求。服务器得到请求后，将图片logo.jpg反馈给浏览器。浏览器同时将logo.jpg写入浏览器缓存。 图：浏览器第一次访问logo.j
谭砚耘·2011-12-27 08:00

如何说服你的老板在WPO（网站性能优化）上投入？

不要将WPO神秘化 对于老板而言，最喜欢掏钱做两件事，一件事能帮他赚钱的，另一件是能帮他省钱的。 而网站性能
谭砚耘·2011-12-22 11:00

WPO工具: 测试你的站点在手机上打开的速度如何？

访问 http://www.loadtimer.org/ 在里面输入你要想测试的几个网站，一行一个网址，比如：http://www.amazon.com http://www.lightinthebox.com http://www.yahoo.com http://www.ebay.com然后点击Start，你就会看到网站在移动设备上大概的载入时间了。*需要iframe支持，部
谭砚耘·2011-12-21 08:00

通过谷歌管理员工具迅速发现网站WPO问题

Google的管理员工具，对SEO和WPO都有相当意义。我们通过管理员工具的Sitemap提交网站地图。通过“settings”来控制谷歌蜘蛛的访问频率和间隔时间。
谭砚耘·2011-12-20 08:00

iframe的WPO优化技巧

 1.普通的Iframe 代码：-iframe在主页面之前加载-iframe要等所有内容下载完，才开始启动-主页面在iframe全部完成后，才开始加载。阻塞！阻塞！！-当iframe加载的时候，页面一直显示繁忙指示器。 2.iframe在主页面之后加载代码：//doesn’tblocktheloadeventfunctioncreateIframe(){vari=document.createEl
谭砚耘·2011-12-16 08:00

WPO实操: 怎样通过 WebPagetest 制作js阻断视频？

WebPagetest 是一个很有用的网站。可以帮你分析网站的性能，类似 GTMetrix，比较独特的地方是WebPagetest提供多网站对比，还提供手机客户端性能统计，以及视频演示功能。也就是说，你可以将自己网站首页打开过程，录制下来，以备以后查看。 你可能觉得这个视频展示功能，看起来没有神马特别，我用录屏软件不就行了么？是的，可是用录屏软件无法模拟一种特殊的情况，就是JS阻断的状况。 在笔者
谭砚耘·2011-12-15 01:00

WPO优化可别忘了favicon.ico 文件

在WPO中，别忘了favicon.ico 文件。 什么是favicon.ico 文件?
谭砚耘·2011-12-14 10:00

关于WPO监测：说说瀑布图，结合两个网站实例

很多工具都可以生成瀑布图，给WPO工作带来很多便利。
谭砚耘·2011-12-11 20:00

推荐一个WPO会用到的图片压缩辅助工具——JPG Compress

对于不大的网站，WPO中重要的一部分就是图片优化。把过大的图片压缩得更小一些，用Photoshop有点大才小用。有一个绿色软件jpgCompress.exe，很小巧，但很好用。 
谭砚耘·2011-12-10 03:00

WPO前沿：HTTP Archive 已经可以添加新网站了

来自 http://www.stevesouders.com/blog/2011/11/17/add-your-site-custom-fonts/HTTPArchive网址：http://www.httparchive.org/ 原文翻译我们的目标是要爬完世界上最靠前的一百万个url（tyy注：应该是根据Alexe排名确定的）。这个月我们数量增加了一倍，从1.7万个增加到了3.5万个URL。虽然
谭砚耘·2011-12-09 09:00

通过四家B2C网站的Robots.txt窥视其SEO、WPO思路

LightintheBoxlightinthebox在SEO方面公认的国内翘楚，其robots.txt文件很长，只能截取一部分。屏蔽了部分缓存及用户隐私页面。屏蔽了几乎所有的国内的搜索引擎以及一些无用的比价网站的蜘蛛，同时用了Sitemap:URL语句来强调网站地图。 DealextremeDealextreme屏蔽了国内的三大蜘蛛，搜搜、搜狗和有道，没有屏蔽百度。屏蔽了用户隐私文件及一部分功能性
谭砚耘·2011-12-08 09:00

wpo另类问题：不可轻视的蜘蛛爬行对服务器造成的负担

    <p style="margin-top: 0.6em; margin-bottom: 0.3em; line-height: 16px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Calibri, Arial, Helvetica, Sans, FreeSans,
bd2007·2011-12-06 17:00

一小段js代码引发的网站可用性灾难–WPO优化反面实例

做过WPO前端优化的人都了解什么叫JS阻塞：就是当浏览器下载外部引用的javascript代码的时候，会停止其他组件的下载和渲染（或内容呈现）。
谭砚耘·2011-12-06 11:00

wpo另类问题：不可轻视的蜘蛛爬行对服务器造成的负担

 在前面文章中有提到《对照“BlueDavy的网站架构演变”说说外贸B2C网站实际应用》提到，比较大的China-Based 外贸B2C网站，一天的访客数量大约是10～100万。有位iteye的朋友询问：10万是独立IP？否则光算pageview还是挺小的。实际上，10万只是指普通访客的IP，没有包括各种搜索蜘蛛的访问，搜索蜘蛛的访问频率很高，往往是数倍、甚至数十倍于访客IP数。这是外贸B2C网站
谭砚耘·2011-12-01 22:00

牛和他的壁画创作

作品名称《七人山和开关》    作者: 谭砚耘@WPO及网站可用性-科研笔记版权属于: 谭砚耘（TOTHETOP至尚国际 ）版权所有。
谭砚耘·2011-11-29 23:00

网站--wpo

author:skatetime:2011/11/27 WPO定义WPO就是WebPerformanceOptimization也就是网站性能优化。就是让你的网站访问更快一些。
wyzxg·2011-11-28 11:00

网店WPO基础工作：制定性能优化目标

 好了，对于性能优化的必要性，我想大家已经没有什么争议了。那还不动手？：）动手之前，我们先得做些准备工作，第一步就是：制定性能优化目标 按照JakobNielsen的理论，我们是否可以得出下面的性能优化目标？目标A 网店页面的访问和互动的等待时间，应该在0.1～1秒以内；目标B 网店少数页面载入时间稍长，也必须控制在1～10秒以内目标C 网店尽量不要出现让访客等待10秒以上的页面或者互动实际上，目
谭砚耘·2011-11-28 01:00

世界上的网站正在悄悄改变，WPO贡献良多

 从SteveSouders参与创办的 HTTPArchive 网站数据看，WPO正在悄悄改变世界  percentofsitesusingGoogleLibrariesAPI–up6%使用谷歌API的网站比例
谭砚耘·2011-11-23 00:00

所有网站都需要WPO（网站性能优化）

实际上，并非所有网站都必须实施WPO。WPO更适用于那些访客对浏览速度比较敏感的网站。包括如下几类：1.购物网站。如果访客感到不耐烦，就不会下订单，所以需要性能优化。
谭砚耘·2011-11-22 00:00

WPO 网站性能优化，多快才算快？

 WPO的目标就是让网站访问更快一些，或者是让访客“觉得”网站访问更快一些。那么定义“WPO多快才算快”，往往要取决于访客的感受。对于网站访客行为和心理分析，国外有专门的研究。 
谭砚耘·2011-11-22 00:00

WPO网站性能优化对搜索引擎蜘蛛行为的影响

  如上图所示，网页的访问速度和Google收录情况密切相关。在2011年5/6两个月，网站平均页面打开时间约2.2秒,Google蜘蛛每天爬行的页面大约是2～5万，每天下载的网站字节数大约是200～500兆。在2011年8月份网站优化后，网站平均页面打开时间是0.9秒左右，Google蜘蛛每天爬行的页面飙升到接近20万/天，每天下载的网站字节数大约1G。也就是说，BuyOnMe.com 页面打开
谭砚耘·2011-11-22 00:00

网站性能优化的几个资源

  Steve Souders 官方微博 http://www.stevesouders.com/ 著名的WPO先驱和倡导者，的YSLow14条军规的倡导者。
谭砚耘·2011-11-22 00:00

WPO网站性能优化的基本概念

  WPO定义 WPO就是 Web Performance Optimization 也就是网站性能优化。就是让你的网站访问更快一些。
谭砚耘·2011-11-22 00:00

今天在 Velocity 大会上的 Slide

想进一步了解的，请看下面的资料：ROBI优化法则：wpo-robi-rules.pngKISSY类库：kissyteam@github这次大会的所有幻灯片和视频：slidesv
lifesinger Rady·2010-12-08 14:00

Web Performance Optimization Use Cases – Part 1 Benchmarking

WebPerformanceOptimizationUseCases–Part1Benchmarkingby AloisReitbauer,Sep28,10WebPerformanceOptimization(WPO
netcome·2010-10-19 14:00

在Yslow 34 Rules之后 -- 网站性能优化思路和进展

       WPO(WebPerformanceOptimization,网站性能优化)近年来发展迅猛,期间YAHOO做出了重要贡献,YSlow的14条军规,20条最佳实践影响深远.去年Steve出版了第二本书
limu·2010-09-04 22:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他