The Importance of Frontend Performance(Chapter A of High performance Web Sites)

本文强调了前端性能优化的重要性,指出其相比后端优化能带来更大的响应时间减少,且实施更快速简便。通过遵循最佳实践,如调整Web服务器配置、优化页面资源加载及合并文件等,可显著提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

      In any optimization effort, it’s critical to profile current performance to identify
where you can achieve the greatest improvements.It’s clear that the place to focus is
frontend performance.
      First, there is more potential for improvement in focusing on the frontend.If we were
able to cut backend response times in half, the end user response time would
decrease only 5–10% overall.If, instead, we reduce the frontend performance by
half, we would reduce overall response times by 40–45%.

      Second, frontend improvements typically require less time and fewer resources.
Reducing backend latency involves projects such as redesigning application architecture
and code, finding and optimizing critical code paths, adding or modifying hardware,
distributing databases, etc.These projects take weeks or months.Most of the
frontend performance improvements described in the following chapters involve best
practices, such as changing web server configuration files (Chapters 3 and 4); placing
scripts and stylesheets in certain places within the page (Chapters 5 and 6); and
combining images, scripts, and stylesheets (Chapter 1).These projects take hours or
days—much less than the time required for most backend improvements.

      Third, frontend performance tuning has been proven to work.Over 50 teams at
Yahoo! have reduced their end user response times by following the best practices
described here, many by 25% or more.In some cases, we’ve had to go beyond these
rules and identify improvements more specific to the site being analyzed, but generally,
it’s possible to achieve a 25% or greater reduction just by following these best
practices.

转载于:https://www.cnblogs.com/zhtf2014/archive/2009/09/25/1573933.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值