PC报表 手机报表
文件获取中,请稍候...
  • 总阻塞时间(Total Blocking Time - TBT)

    总阻塞时间(TBT)是首次渲染时间(FCP)和可互动时间(TTI)之间的这段时间内,用户无法和浏览器交互的时间。


  • 可交互时间(Time to Interactive TTI)

    可交互时间(Time to Interactive TTI) 是指从页面加载开始到主要资源加载完成,并且能够快速可靠地响应用户输入的这段时间。


  • 首次内容渲染(First Contentful Paint FCP)

    首次内容渲染(FCP)是指从页面开始加载,到页面上的任何内容在屏幕上呈现的时间。对于这个指标,“内容”指的是文本、图像(包括背景图像)、SVG图像,甚至是非空白的Canva对象。


  • 以人为本的性能指标

    以用户为中心的性能指标是理解和改进站点体验的关键工具,可以使真正的用户受益。


  • 网站性能核心之CSS

    CSS样式和CSS布局的方式对网站性能的影响非常大,大到了我们必须将其列入网站核心技术之一。CSS对累积布局移位(CLS)和首次渲染时间(LCP)这个两个指标的影响尤其巨大.


  • 非预期布局偏移 Cumulative Layout Shift (CLS)

    This post introduces the Cumulative Layout Shift (CLS) metric and explains how to measure it. 


  • 首次输入延迟 First Input Delay (FID)

    反映在浏览器上,第一输入延迟(FID)就是用户首次与您的站点交互时的时间到浏览器实际能够的时间回应这段延迟。


  • 网站性能优化 -- 简化并压缩文件

    There are two useful techniques that can be used to improve the performance of your web page, minification and data compression. Incorporating both of these techniques reduces payload sizes and in turn improves page load times. 


  • 延迟加载 = 鱼 + 熊掌

    This post explains lazy-loading and why you might want to lazy-load elements on your site. 


  • 图片CDN是什么?为什么要使用图片CDN?

    图片CDN可谓是页面优化的一把好手,它能节省40%-80%的图片空间,能在回源节点上对图片进行处理和分发,显著提高页面加载效率。


  • 网站性能优化:使用正确大小的图片

    程序员经常把一张大图缩的很小后使用。鸽说的缩小不是压缩,而是真的缩小。我见过有人使用超过10M的巨大LOGO图片。但在网页上也只有100x50大。这一点像用高射炮打蚊子,或杀鸡用牛刀。图像看起来很好很清晰,但是它浪费了用户的数据并损害了页面性能。作为帅气的程序猿,自然不能允许这种事情发生。我们接下来讲讲如何搞定这个事情。


  • 网站性能优化避坑指南-如何选择正确的图片格式

    很多兄弟都认为图片这东西只要好看就行了,大小和格式那是太讲究了。其实不然。你可信一个小小的图片有的时候甚至比所有的CSS和JS文件加起来还要大。对图片进行必要的优化,可以显著的提高页面加载速度。关键是这几乎是没有技术风险的。


  • 不做“网站性能预案”,便是英雄也枉然!

    性能是影响用户体验的业务指标的重要组成部分。 人们通常会认为,一个优秀的技术公司会做出一个性能良好的站点。但实际上这二者并无太大关系。即使哥很厉害,也要花很多精力和努力才能把性能做到优秀。凡事预则立,不预则废。哥要想提高性能,首先需要制定一个可以执行的方案计划才行。


  • 网站性能预案是什么?

    很多在做网站速度优化的品牌常会发现,一段时间后很容易就松懈了,页面加载速度又开始变慢了。网站速度优化和减肥很像,只努力一天是远远不够的。


  • 怎样测网站速度?

    由于用户设备、网络连接状况和其他因素的不同,网站实际性能表现差别很大。比如,你在办公室用有线网络连接加载网站,和在咖啡店用Wifi访问网站,体验可能会截然不同。市面上有很多工具可以帮助我们获取实验室数据(Lab Data)和实际数据(Field Data),以评估页面性能。


  • 什么是网站速度

    网站速度,或网站性能,指的是浏览器能多快地从一个给定的网站加载完整功能的网页。在浏览器中呈现速度慢的性能差的站点可能会吓跑用户。相反,加载速度快的网站通常会获得更多的流量和更好的转换率。


  • 为什么网站速度很重要?

    消费者越来越依赖手机获取数字内容和服务。如果你看看自己的网站分析数据,就会看到这种情况。消费者的要求也比以往更高,当他们衡量你网站的体验时,不仅仅是拿你和竞争对手相比,还会将你和他们每天使用的最佳服务进行比较。