铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
工业纸箱 纸箱 包装彩印 纸托盘 纸护角公司网站建设
办公区绿植租赁公司网站建设 定制苗圃直供企业网站
前面的我写的《【技术贴】如何提高网页打开速度|优化网站》的文章里在优化方面里提到了什么是首字节。
下面我就来告诉大家什么是首字节吧,首字节到底有什么用。
TTFB-首字节时间,是指从客户端开始和服务端交互到服务端开始向客户端浏览器传输数据的时间(包括DNS、socket连接和请求响应时间),是能够反映服务端响应速度的重要指标,获取在接收到响应的首字节前花费的毫秒数。
lTime = Response.TTFB
返回值 lTime As Long:首字节响应时间(以毫秒为单位)。
TTFB:httpwatch的timechart中的一列参数。
什么是TTFB呢?
1.TTFB (Time To First Byte),是最初的网络请求被发起到从服务器接收到⑴个字节这段时间,它包含了 TCP连接时间,发送HTTP请求时间和获得响应消息⑴个字节的时间。
注意:网页重定向越多,TTFB越高,所以要减少重定向
TTFB优化的方法有:
1.减少DNS查询
2.使用CDN
3.提早Flush
4.添加周期头
什么是TTSR呢?
2.TTSR(Time to Start Render)
TTSR-开始渲染时间,指某些非空元素开始在浏览器显示时的时间,这也是一项重要指标,即TTSR越短,用户越早浏览器中的内容,心理上的等待时间会越短。过多的CPU消耗会拖慢TTSR,所以网站中有大量图片和脚本往往会造成不良用户体验。
注意
TTSR优化:
1.优化TTFB
2.降低客户端CPU消耗,即页面加载初期不要有大脚本运行,把JS脚本放到页面下方
3.使用效率较高的CSS选择器,避免使用CSS表达式
4.避免使用CSS滤镜
前端TTSR测试脚本:
<head>
<script>
(function(){
var timeStart = + new Date,
limit = 1,
timer = setInterval(function(){
if((document.body&&document.body.scrollHeight > 0) || (limit++ == 500)){
clearInterval(timer);
console.info('TTSR:',+ new Date - timeStart,';duration:',limit);
}
},10);
})()
</script>
</head>
在页面端无法简单测试出具体的TTSR,不过可以通过模拟脚本得到大概的时间,Firefox提供了一个MozAfterPaint事件,经测试,用于TTSR并不准确,如果有MozBeforePaint事件该有多好。
什么是TTDC呢?
3.TTDC(Time to Document Complete)
TTDC-文档完成时间,指页面结束加载,可供用户进行操作的时间,等价于浏览器的onload事件触发点。TTDC是比较重要的性能优化对象,TTDC越低,页面加载速度越快,用户等待时间越短。
注意
TTDC的优化方法有:
1.优化TTFB
2.优化TTSR
3.优化首屏时间,将不必要的页面加载放到onload事件之后
TTDC前端测试:
常见性能测试平台大多使用IE浏览器的DocumentComplete事件来度量TTDC,DocumentComplete事件触发时,页面的状态应是READYSTATE_COMPLETE,所以在页面中我们可以用JS脚本判断:
var win = window,doc = document;
if(win.attachEvent || doc.hasOwnProperty('onreadystatechange')){
doc.onreadystatechange = function(){
if(doc.readyState == 'complete'){
/**
* test
do something...
*/
}
}
}else{
win.addEventListener('load',function(){
/**
* test
do something...
*/
},false);
}
什么是TTFL呢?
4.TTFL(Time to Fully Loaded)
TTFL-完全加载时间,指页面在onload之前和onload事件之后额外加载的内容所花费的时间的总和,即页面完完全全加载完毕消耗的总时间。
注意
TTFL的优化方法:
1.优化TTFB
2.优化TTSR
3.优化TTDC
4.延迟加载
5.异步加载
6.按需加载
明天我们讲《如何设置静态内容缓存时间》,更多网站技术方面的优化请关注-天津网站建设-天津虎网科技有限公司 网址www.huwz.com
韩文博的新浪博客会同时更新,http://blog.sina.com.cn/u/1783136603,请大家多多关注
泰国哪些景点最好,泰国旅游必去景点推荐? 1、曼谷泰国大皇宫,位于首都曼谷市中心,依偎在湄南河畔,是曼谷市内最为壮观的的古建筑群。 2、玉佛寺,是泰国著名的佛寺,也是泰国三大国宝之一。 3、巴真菩提树位于泰国巴真府诗马哈菩县鹄毕区万考村,是泰国最老、最大的菩提树。 4、皇帝岛,普吉岛周边众多游客强力推荐、最值得去的“世外桃源”小岛,原始天然,是浮潜圣地。 5、芭堤雅,位于暹罗湾,在曼谷东南方约...
您需要一个什么样的网站开发流程? 据悉,做网站产品策划说不上有多丰富的经验,但本着产品经理是产品灵魂的角度还是希望能对产品的任何环节有一个了解和把握。要了解全局就需要有一个较清晰的认识流程。网站的开发流程可能做这一行的人人都知道,但每个人知道到什么程度可能又都不一样。所以我还是做了个草图,把自己对网站产品的开发流程做一个基本描述,以供朋友借见。 1. 网站简明开发流程 简明开发流程是指假设网站开发的每个步骤都可以一次设计开...
打造超强吸引力自媒体独立博客的方法介 自从博客的出现之后,自媒体概念开始逐渐成为互联网上的新势力,而且利用自媒体获得巨额利润也早已不再是新闻,比如这些年各个大V们利用自己的超量粉丝群进行广告轰炸,进而获得不菲的利润。大明星们有着自己的自媒体打造模式,而对于广大的个人来说,其实利用博客或者微博乃至微信,同样能够构建属于自己的自媒体,并由此进入赚钱之旅。 对于个人来说,通过微信或者微博来构建自媒体难度相对较大,就算是要通过微信或者微博...
中小企业资金不足如何运营网站? 随着网络营销的不断发展,现在摆在中小企业面前问题,似乎不再是我要不要接触网络,而是该怎样做的问题,这也是我们需要好好研究的问题,中小企业能否在这个网络营销竞争激烈的社会中立足,最重要的也许不是资金问题,而是怎样在原来的经济基础上,好好地利用自己的特有的方式做网络营销,才能够做到高人一筹。 可以说互联网其实是相对比较合适中小企业的,相对来说造价比较低,这样的话,中小企业只要能够用心去做,就会能够达到...
广州花都铂晟机械设备和虎网科技签订做网站项目 铂晟是经广州市花都区工商局审核的有资质公司,统一社会信用代码:914401143209262592。铂晟处于广州市花都区新华街新华路157号。铂晟选用虎网站企业商务型网站案例,其功能具备实用型所有配置外、特别值得关注的是增设了SEO深度优化,不管是内页还是标题都能够独立和个性化设置关键词和长尾词,更适合进行全站seo优化。 铂晟专注于塑料科技设备的研发,设计,生产,销售,售后务。致力于为客户度...
用户需求对网站建设的影响 企业 网站建设 的最根本的目的,是为了满足不一样的客户的需求。那客户除开是浏览网站的客户以外,另一方面也有是有建网站需求的客户。那建网站唯有多方面掌握了这两种客户的需求,才能够保证处于客户的视角去充分考虑和分析问题,才能够建设出大家都满意的网站。因此说一个成功的好网站也全部都是来源于客户需求分析之上的。那么,客户需求究 竟对企业网站建设的影响有多大呢? 第一、与客户的沟通交流是关键的 是因为直...
粤ICP备2023033431号 网站地图 SiteMap
Copyright 2006-2023 虎网站 版权所有