E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
WPO网站性能优化
网站性能优化
1
一、内容部分 尽量减少HTTP请求 减少DNS查找 避免跳转 缓存Ajxa 推迟加载 提前加载 减少DOM元素数量 用域名划分页面内容 使frame数量最少 避免404错误 1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高
cxy020
·
2011-12-24 17:00
网站性能优化
如何说服你的老板在
WPO
(
网站性能优化
)上投入?
大企业,有专业的IT团队,
网站性能优化
本来就是网站建设和维护的一部分,不是本文讨论的部分。 对于部分中小企业,网站可能是一个重要的业务订单来源。
谭砚耘
·
2011-12-22 11:00
性能优化
wpo投入
WPO
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
UED
移动设备
WPO
速度优化
loadtimer
通过谷歌管理员工具迅速发现网站
WPO
问题
Google的管理员工具,对SEO和
WPO
都有相当意义。我们通过管理员工具的Sitemap提交网站地图。通过“settings”来控制谷歌蜘蛛的访问频率和间隔时间。
谭砚耘
·
2011-12-20 08:00
性能优化
WPO
管理员工具
iframe的
WPO
优化技巧
1.普通的Iframe 代码:-iframe在主页面之前加载-iframe要等所有内容下载完,才开始启动-主页面在iframe全部完成后,才开始加载。阻塞!阻塞!!-当iframe加载的时候,页面一直显示繁忙指示器。 2.iframe在主页面之后加载代码://doesn’tblocktheloadeventfunctioncreateIframe(){vari=document.createEl
谭砚耘
·
2011-12-16 08:00
iframe
性能优化
WPO
WPO
实操: 怎样通过 WebPagetest 制作js阻断视频?
WebPagetest 是一个很有用的网站。可以帮你分析网站的性能,类似 GTMetrix,比较独特的地方是WebPagetest提供多网站对比,还提供手机客户端性能统计,以及视频演示功能。也就是说,你可以将自己网站首页打开过程,录制下来,以备以后查看。 你可能觉得这个视频展示功能,看起来没有神马特别,我用录屏软件不就行了么?是的,可是用录屏软件无法模拟一种特殊的情况,就是JS阻断的状况。 在笔者
谭砚耘
·
2011-12-15 01:00
性能优化
WPO
webpagetest
js阻断
WPO
优化可别忘了favicon.ico 文件
在
WPO
中,别忘了favicon.ico 文件。 什么是favicon.ico 文件?
谭砚耘
·
2011-12-14 10:00
性能优化
favicon
WPO
网站性能优化
之Apache调整
1.开启Keep-Alive开启Keep-Alive后,可以保证浏览器和服务器之间的连接持久存在,这样如果同一个域名请求很多资源的情况下可以省去建立连接的时间和资源消耗。所以对于静态服务器来说,由于一个域名会请求N多资源,比较宜开启Keep-Alive,但是对于动态服务器,不宜开启Keep-Alive,因为这样会造成很多的空闲进程,浪费内存空间。配置:KeepAliveOn#开启KeepAlive
jjklmm
·
2011-12-12 09:38
apache
职场
休闲
网站性能优化
之Apache调整
1.开启Keep-Alive开启Keep-Alive后,可以保证浏览器和服务器之间的连接持久存在,这样如果同一个域名请求很多资源的情况下可以省去建立连接的时间和资源消耗。所以对于静态服务器来说,由于一个域名会请求N多资源,比较宜开启Keep-Alive,但是对于动态服务器,不宜开启Keep-Alive,因为这样会造成很多的空闲进程,浪费内存空间。配置:KeepAliveOn#开启KeepAlive
jjklmm
·
2011-12-12 09:38
职场
apache
休闲
关于
WPO
监测:说说瀑布图,结合两个网站实例
很多工具都可以生成瀑布图,给
WPO
工作带来很多便利。
谭砚耘
·
2011-12-11 20:00
性能优化
前端优化
WPO
瀑布图
推荐一个
WPO
会用到的图片压缩辅助工具——JPG Compress
对于不大的网站,
WPO
中重要的一部分就是图片优化。把过大的图片压缩得更小一些,用Photoshop有点大才小用。有一个绿色软件jpgCompress.exe,很小巧,但很好用。
谭砚耘
·
2011-12-10 03:00
图片优化
图片压缩
jpgcompress
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
http
性能优化
archive
WPO
网站性能优化
之HTTP请求过程简述
1域名解析(DNSLookup):这个没什么好说的就是把域名解析到指定IP地址的服务器所需要的时间。2创建连接(connection):创建一个Tcp连接到服务器或代理服务器所需要的时间,如使用的是https链接这个时间还包括SSH握手过程。通常在HTTP头中使用keep-alive连接以避免重复连接到web服务器的开销。3发送请求(Send):发送HTTP请求消息到服务器所需的时间,所需时间取决
·
2011-12-08 23:51
通过四家B2C网站的Robots.txt窥视其SEO、
WPO
思路
LightintheBoxlightinthebox在SEO方面公认的国内翘楚,其robots.txt文件很长,只能截取一部分。屏蔽了部分缓存及用户隐私页面。屏蔽了几乎所有的国内的搜索引擎以及一些无用的比价网站的蜘蛛,同时用了Sitemap:URL语句来强调网站地图。 DealextremeDealextreme屏蔽了国内的三大蜘蛛,搜搜、搜狗和有道,没有屏蔽百度。屏蔽了用户隐私文件及一部分功能性
谭砚耘
·
2011-12-08 09:00
seo
蜘蛛
B2C
robots
WPO
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
java
工作
一小段js代码引发的网站可用性灾难–
WPO
优化反面实例
做过
WPO
前端优化的人都了解什么叫JS阻塞:就是当浏览器下载外部引用的javascript代码的时候,会停止其他组件的下载和渲染(或内容呈现)。
谭砚耘
·
2011-12-06 11:00
可用性
js阻断
wpo反面
wpo
另类问题:不可轻视的蜘蛛爬行对服务器造成的负担
在前面文章中有提到《对照“BlueDavy的网站架构演变”说说外贸B2C网站实际应用》提到,比较大的China-Based 外贸B2C网站,一天的访客数量大约是10~100万。有位iteye的朋友询问:10万是独立IP?否则光算pageview还是挺小的。实际上,10万只是指普通访客的IP,没有包括各种搜索蜘蛛的访问,搜索蜘蛛的访问频率很高,往往是数倍、甚至数十倍于访客IP数。这是外贸B2C网站
谭砚耘
·
2011-12-01 22:00
性能优化
蜘蛛
WPO
服务器负荷
牛和他的壁画创作
作品名称《七人山和开关》 作者: 谭砚耘@
WPO
及网站可用性-科研笔记版权属于: 谭砚耘(TOTHETOP至尚国际 )版权所有。
谭砚耘
·
2011-11-29 23:00
壁画
牛牛
骄傲的老爸
网站--
wpo
author:skatetime:2011/11/27
WPO
定义
WPO
就是WebPerformanceOptimization也就是
网站性能优化
。就是让你的网站访问更快一些。
wyzxg
·
2011-11-28 11:00
Web
UI
网络
性能优化
performance
optimization
网店
WPO
基础工作:制定性能优化目标
好了,对于性能优化的必要性,我想大家已经没有什么争议了。那还不动手?:)动手之前,我们先得做些准备工作,第一步就是:制定性能优化目标 按照JakobNielsen的理论,我们是否可以得出下面的性能优化目标?目标A 网店页面的访问和互动的等待时间,应该在0.1~1秒以内;目标B 网店少数页面载入时间稍长,也必须控制在1~10秒以内目标C 网店尽量不要出现让访客等待10秒以上的页面或者互动实际上,目
谭砚耘
·
2011-11-28 01:00
网站性能优化
WPO
网店
wpo目标
世界上的网站正在悄悄改变,
WPO
贡献良多
从SteveSouders参与创办的 HTTPArchive 网站数据看,
WPO
正在悄悄改变世界 percentofsitesusingGoogleLibrariesAPI–up6%使用谷歌API的网站比例
谭砚耘
·
2011-11-23 00:00
http
archive
WPO
Steve
souders
所有网站都需要
WPO
(
网站性能优化
)
实际上,并非所有网站都必须实施
WPO
。
WPO
更适用于那些访客对浏览速度比较敏感的网站。包括如下几类:1.购物网站。如果访客感到不耐烦,就不会下订单,所以需要性能优化。
谭砚耘
·
2011-11-22 00:00
性能优化
网站性能优化
WPO
WPO
网站性能优化
,多快才算快?
WPO
的目标就是让网站访问更快一些,或者是让访客“觉得”网站访问更快一些。那么定义“
WPO
多快才算快”,往往要取决于访客的感受。对于网站访客行为和心理分析,国外有专门的研究。
谭砚耘
·
2011-11-22 00:00
性能优化
速度
网站性能优化
WPO
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
seo
搜索引擎
蜘蛛
WPO
网站性能优化
的几个资源
Steve Souders 官方微博 http://www.stevesouders.com/ 著名的
WPO
先驱和倡导者,的YSLow14条军规的倡导者。
谭砚耘
·
2011-11-22 00:00
wpo资源
WPO
WPO
网站性能优化
的基本概念
WPO
定义
WPO
就是 Web Performance Optimization 也就是
网站性能优化
。就是让你的网站访问更快一些。
谭砚耘
·
2011-11-22 00:00
网站性能优化
WPO
[转]
网站性能优化
之-数据库及服务器架构...
转载自:http://blog.163.com/dangzhengtao@yeah/blog/static/7780087420098232213289/?fromdm&fromSearch&isFromSearchEngine=yes1、WebServer与DBServer分离小型网站或B/S项目,因同时在线人数不多,尚可让同一台物理主机,既做WebServer,又做DBServer。但此二者皆
·
2011-10-26 17:00
性能
优化
网站
nginx
网站性能优化
和测试2
目标 1、缓存动态脚本生成的html 2、缓存静态文件(ico|css|js|gif|jpe?g|png|txt),让nginx直接从缓存中提供静态文件,不用再透过apache2来提供(众所周知,Apache2的静态文件性能远不如nginx) 3、对首页($uri = /),控制合适的过期时间,既要考虑性能,也要考虑用户到即时访问最新信息。 环境 OS(操作系统):Debian GNU/Linux
gsdhaiji_cai
·
2011-09-19 16:00
网站性能优化
nginx
网站性能优化
和测试1
内容摘要 ab的全称是ApacheBench,是 Apache 附带的一个小工具,专门用于 HTTP Server 的benchmark testing,可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试,看起来也不错,很简单,也很容易使用 引子 按照原定计划,今天开始研究 JMeter ,一天的时间看完了大半的 User Manual ,发现
gsdhaiji_cai
·
2011-09-19 16:00
网站性能优化
网站性能优化
之Apache调整
1. 开启Keep-Alive 开启Keep-Alive后,可以保证浏览器和服务器之间的连接持久存在,这样如果同一个域名请求很多资源的情况下可以省去建立连接的时间和资源消耗。所 以对于静态服务器来说,由于一个域名会请求N多资源,比较宜开启Keep-Alive,但是对于动态服务器,不宜开启Keep-Alive,因为这样会造 成很多的空闲进程,浪费内存空间。 配置: KeepAlive On #开启K
jjklmm
·
2011-09-07 08:00
apache
html
linux
浏览器端技术体系概览 -- 前端开发的七种武器
去年我写了
网站性能优化
系列文章,看过的朋友会知道,这类文章重点并非介绍各种具体的优化技巧,而是在关注发掘这些优化点的思路和方法.然后介绍给大家多种检测手段去发现问题,进而有目标的解决问题.所有这些需要
xiongzhengxiang
·
2011-09-06 08:00
Asp.net
网站性能优化
二则分享
了解常见的
网站性能优化
技巧首先我们要学一些优化网站性能和体验的理论和基础知识,雅虎已经帮我们总结好了,详见参考链接中的几篇文章,有好心人已经给翻译成中文了。
·
2011-08-30 17:44
Apache
网站性能优化
方案
在 Yahoo 开发者网站上,Yahoo 提出了优化网站性能的N条规则(Best Practices for Speeding Up Your Web Site)。这些规则是: 1. 尽可能的减少 HTTP 的请求数(Minimize HTTP Requests) —— Tag: content 2. 使用 CDN(Use a Content Delivery Network) ——
leiyonglin
·
2011-07-20 17:00
Apache性能优化
企业应用
网站性能优化
实例分析
阅读更多转载:http://www.williamlong.info/archives/1476.html前段时间对某个企业应用网站进行了一次优化分析,解决这个网站经常死机和CPU高负载的种种问题,根据我接触的一些应用和服务器配置,我对这个案例总结了一些优化方案,用来解决网站的高负载和高并发等问题,这里我和大家分享一下这个案例,希望能和大家一起探讨一下这种解决方案的优劣。一、网站当前状况和性能现状
luckyjaky
·
2011-06-28 17:00
企业应用
应用服务器
Tomcat
Hibernate
Struts
企业应用
网站性能优化
实例分析
转载:http://www.williamlong.info/archives/1476.html 前段时间对某个企业应用网站进行了一次优化分析,解决这个网站经常死机和CPU高负载的种种问题,根据我接触的一些应用和服务器配置,我对这个案例 总结了一些优化方案,用来解决网站的高负载和高并发等问题,这里我和大家分享一下这个案例,希望能和大家一起探讨一下这种解决方案的优劣。 一、网站当前状况和性
luckyjaky
·
2011-06-28 17:00
tomcat
应用服务器
Hibernate
struts
企业应用
CSS
网站性能优化
笔记
1、尽可能的除去空白区域一般而言,空白区域字符(空格、制表符、换行符等)都可以安全删除。2、除去注释除了在客户端给IE和doctype声明的条件注释外,几乎所有的注释都可以安全去除掉。3、使用最短格式的颜色表示使用颜色时,不要一股脑的使用十六进制或全颜色名称(fullcolorname),要尽可能根据实际情况使用最短格式的颜色表示。比如,一个为#ff0000的颜色属性可以直接用red来说明,而Li
佚名
·
2011-05-24 23:23
JS
网站性能优化
笔记
1.除去JavaScript注释除了注释,其他所有的//or/**/注释都可以安全删除,因为它们对于最终使用者来说没有任何意义。2.除去JavaScript中的空白区域如:x=x+1;可以简短得写成:x=x+1;。3.进行代码优化简单的方法如除去暗示的(implied)分号,某些情形下的变量声明或者空回车语句都可以进一步减少脚本代码。一些简略的表达方式也会产生很好的优化,例如:x=x+1;可以写成
·
2011-05-24 23:22
从LiveJournal后台发展看大规模
网站性能优化
方法
载自:http://tech.it168.com/o/2007-11-05/200711051415515.shtml 一、LiveJournal发展历程LiveJournal是99年始于校园中的项目,几个人出于爱好做了这样一个应用,以实现以下功能:博客,论坛社会性网络,找到朋友聚合,把朋友的文章聚合在一起LiveJournal采用了大量的开源软件,甚至它本身也是一个开源软件。在上线后,LiveJ
hz_chenwenbiao
·
2011-05-18 20:00
数据结构
应用服务器
Web
mysql
网络应用
网站性能优化
七---yahoo网站页面性能优化34条黄金守则---mobile
1.Keep Components under 25K 保持单个内容小于25K http://developer.yahoo.com/performance/rules.html#under25 这条限制主要是因为iPhone不能缓存大于25K的文件。注意这里指的是解压缩后的大小。由于单纯gizp压缩可能达不要求,因此精简文件就显得十分重要。 查看更多信息,请参阅Wayne
shenjc2008
·
2011-05-14 22:00
html
Blog
Yahoo
mobile
performance
网站性能优化
六---yahoo网站页面性能优化34条黄金守则---server
1.Use a Content Delivery Network 使用内容分发网络 http://developer.yahoo.com/performance/rules.html#cdn 按地域布置网站内容的第一步并不是要尝试重新架构你的网站让他们在分发服务器上正常运行。 根据应用的需求来改变网站结构,这可能会包括一些比较复杂的任务,如在服务器间同步Session状态和合并数
shenjc2008
·
2011-05-14 22:00
apache
应用服务器
浏览器
Yahoo
IIS
网站性能优化
五---yahoo网站页面性能优化34条黄金守则---content
[color=red][b]1.MinimizeHTTPRequests尽量减少HTTP请求次数[/b][/color][url]http://developer.yahoo.com/performance/rules.html#num_http[/url][color=olive]CSSSprites[/color]是减少图像请求的有效方法。把所有的背景图像都放到一个图片文件中,然后通过CSS的
iteye_14461
·
2011-05-14 17:51
网站性能优化
Yahoo
YUI
CSS
performance
浏览器
网站性能优化
五---yahoo网站页面性能优化34条黄金守则---content
1.Minimize HTTP Requests 尽量减少HTTP请求次数 http://developer.yahoo.com/performance/rules.html#num_http CSS Sprites是减少图像请求的有效方法。把所有的背景图像都放到一个图片文件中,然后通过CSS的background-image和 background-position属性来显示
shenjc2008
·
2011-05-14 17:00
浏览器
css
Yahoo
performance
yui
网站性能优化
四---yahoo网站页面性能优化34条黄金守则---cookie
1.Reduce Cookie Size 减小Cookie体积 http://developer.yahoo.com/performance/rules.html#cookie_size coockie内的有关信息是通过HTTP文件头来在web服务器和浏览器之间进行交流的。因此保持coockie尽可能的小以减少用户的响应时间十分重要。 去除不必要的coockie 使coo
shenjc2008
·
2011-05-12 17:00
Web
浏览器
Yahoo
performance
Youtube
网站性能优化
三---yahoo网站页面性能优化34条黄金守则---javascript
1.Put Scripts at the Bottom 把脚本置于页面底部 http://developer.yahoo.com/performance/rules.html#js_bottom 脚本带来的问题就是它阻止了页面的平行下载。HTTP/1.1 规范建议,浏览器每个主机名的并行下载内容不超过两个。 如果你的图片放在多个主机名上,你可以在每个并行下载中同时下载2个以上的文
shenjc2008
·
2011-05-12 14:00
JavaScript
css
脚本
Yahoo
yui
网站性能优化
二---yahoo网站页面性能优化34条黄金守则---images
1.Optimize Images 优化图像 http://developer.yahoo.com/performance/rules.html#opt_images 你可以检查一下你的GIF图片中图像颜色的数量是否和调色板规格一致。 使用imagemagick中下面的命令行很容易检查: identify -verbose image.gif 如果你发现图片中只用到了4种颜色
shenjc2008
·
2011-05-12 09:00
PHP
css
浏览器
Yahoo
performance
网站性能优化
一---yahoo网站页面性能优化34条黄金守则---css
参考资料: http://developer.yahoo.com/performance/rules.html http://apps.hi.baidu.com/share/detail/14611816 1.Put Stylesheets at the Top 把样式表置于顶部 http://developer.yahoo.com/performance
shenjc2008
·
2011-05-07 22:00
css
浏览器
IE
Yahoo
performance
Yahoo团队经验:
网站性能优化
的34条黄金法则
1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。 合并文
daly2008
·
2011-04-19 10:22
优化
职场
休闲
Yahoo团队经验
浏览器端技术体系概览 -- 前端开发的七种武器
阅读更多科普文一则,说说我对前端技术体系(也称浏览器端技术体系)的认识,希望能让更多人了解前端,也希望能借此丰富前端开发的大局观.去年我写了
网站性能优化
系列文章,看过的朋友会知道,这类文章重点并非介绍各种具体的优化技巧
limu
·
2011-04-05 16:00
JavaScript
DHTML
AJAX
HTTP
HTML
浏览器端技术体系概览 -- 前端开发的七种武器
阅读更多科普文一则,说说我对前端技术体系(也称浏览器端技术体系)的认识,希望能让更多人了解前端,也希望能借此丰富前端开发的大局观.去年我写了
网站性能优化
系列文章,看过的朋友会知道,这类文章重点并非介绍各种具体的优化技巧
limu
·
2011-04-05 16:00
JavaScript
DHTML
AJAX
HTTP
HTML
浏览器端技术体系概览 -- 前端开发的七种武器
科普文一则,说说我对前端技术体系(也称浏览器端技术体系)的认识,希望能让更多人了解前端,也希望能借此丰富前端开发的大局观.去年我写了
网站性能优化
系列文章,看过的朋友会知道,这类文章重点并非介绍各种具体的优化技巧
limu
·
2011-04-05 16:00
JavaScript
html
http
Ajax
DHTML
上一页
9
10
11
12
13
14
15
16
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他