速度与激情: 以网站性能提升用户体验

简介:

最近一直忙于做几个案子而苦于没有时间读书。昨天庆幸看到了云栖社区举办的读书写书评的活动,于是有了抽空看看书的念头。在读书列表中选择了两本书,一本是和大数据有关的叫《大数据处理之道》,另外就是这本《速度与激情: 以网站性能提升用户体验》。


首先说说为什么会选择大数据和这本前段网站技术的。也许有很多朋友会说,网站和大数据一个前段,以后后端,两个技术完全不搭界啊。这个想法不能说有错,但是也并不是全对。首先,网站是前端技术,是与用户接触的最前线,也是获取数据的重要渠道之一。随着移动开发大量使用hybrid等混合技术以后,网站其实已经不仅仅指单纯的website了。所以单单从提升网站性能的技术讲,很多技术是可以运用到移动开发中的。这也就是为什么我选这本书,《速度与激情: 以网站性能提升用户体验》,的原因。


选择这本书的第二个原因,应该也和我最近正在忙的案子有关。网站性能对于一个公司Web产品是非常重要的。有很多朋友都有这样一个误区,觉得浏览一个网站,或者使用一个Web App很慢,原因就是自己网速太慢,或者服务器网速太慢。之前我的一个客户就给我反应说,公司的网站用自从交付以后就越来越慢,并且请我帮忙查看一下原因,是不是由于用户数量增长,导致服务器负荷太大,所以慢了。后来我查看了一下,发现最根本的问题是,客户接手网站以后,更新了网站的UI,更换了网站首页的图片。问题就出现在图片上。虽然图片的尺寸和之前相同,但是图片的大小将近2M。几张图片放在首页,浏览一次要下载将近8M的数据。这样的情况下,网站能不慢么?


所以我觉得这本书对于从事网站相关工作的人,无论是开发,还是运维,都是非常有用的一本书。我也会把这本书推荐给我的客户。


下面我在说说这本书。但从书名就显而易见里面会涉及到的内容。O’Reilly的名字相信大家并不陌生。O’Reilly出版的系列图书,都是通过浅显易懂的方式把复杂的问题深入浅出地呈现给读者。可以说O’Reilly出版书质量都非常高。


本书分为8章,从网站性能的重要性,影响性能的因素,几种优化方案,全方位的阐述了网站性能提升用户体验的知识。书中介绍了大量的工具,用图文并茂的方式教授如何使用和诊断网站性能。这本书无论对于新手还是老手来说,都是一本非常优秀的手边工具书。因此我强烈推荐大家阅读。



相关实践学习
基于MaxCompute的热门话题分析
Apsara Clouder大数据专项技能认证配套课程:基于MaxCompute的热门话题分析
目录
相关文章
|
芯片 算法 异构计算
如何打破边缘端芯片算力有限的困局?阿里 AILabs 这么做!
在自研硬件上,和芯片厂商深度合作针对中低端芯片做出了特例优化,落地了手势识别、宠物检测和笔尖检测等业务。
4267 0
|
算法 数据可视化 物联网
埃隆·马斯克:第一性原理和五步工作法
马斯克的逆推式五步工作法不仅是一种高效解决问题的思维框架,也为团队提供了一种优化流程的清晰路径。
1617 1
埃隆·马斯克:第一性原理和五步工作法
|
缓存 并行计算 前端开发
《十万线段绘乾坤:Canvas离屏渲染深度剖析》
本文聚焦Canvas绘制10万条动态线段时的帧率暴跌问题,深入解析离屏渲染的解决方案。常规渲染因高频实时绘制易超屏幕刷新时间窗口,导致卡顿。离屏渲染通过独立缓冲区预先绘制完整帧,再一次性输出到屏幕,减少实时绘制次数,利用GPU并行计算提升效率。文中还介绍了缓冲区规划、缓存机制、双缓冲协调等应用策略,以及应对资源消耗、上下文切换等挑战的方法,为前端开发者处理复杂图形绘制提供了关键技术指引。
420 0
|
机器学习/深度学习 前端开发 JavaScript
WebAssembly:让前端性能突破极限的秘密武器
WebAssembly(简称 WASM)作为前端开发的性能加速器,能够让代码像 C++ 一样在浏览器中高速运行,突破了 JavaScript 的性能瓶颈。本文详细介绍了 WebAssembly 的概念、工作原理以及其在前端性能提升中的关键作用。通过与 JavaScript 的配合,WASM 让复杂运算如图像处理、3D 渲染、机器学习等在浏览器中流畅运行。文章还探讨了如何逐步集成 WASM,展示其在网页游戏、高计算任务中的实际应用。WebAssembly 为前端开发者提供了新的可能性,是提升网页性能、优化用户体验的关键工具。
8238 2
WebAssembly:让前端性能突破极限的秘密武器
|
缓存 前端开发 JavaScript
优化前端性能的五种最佳实践
在现代 web 开发中,前端性能的优化是提高用户体验的关键。本文探讨了五种最佳实践来提升前端性能,包括代码分割、懒加载、压缩资源、优化渲染和使用缓存策略。这些方法不仅有助于减少加载时间,还能提高应用的响应速度和整体用户满意度。
|
前端开发 JavaScript 虚拟化
第四章(原理篇) 前端容器技术
第四章(原理篇) 前端容器技术
419 1
|
数据可视化 前端开发 大数据
Echarts数据可视化大屏展示页(附源码一键搞定)
Echarts数据可视化大屏展示页(附源码一键搞定)
|
分布式计算 监控 数据挖掘
云上游戏数据分析实践
数据分析和游戏的生命周期与盈利息息相关,同时数据分析对游戏的运维也起到了至关重要的作用,精确的数据分析可以延长游戏的生命和帮助其盈利。本文针对游戏行业的数据特点,结合游戏数据分析的现状,对数据分析上云的技术选型、结合数加大数据计算服务MaxCompute(原ODPS)、SLS、RDS、DPC等产品和
6274 0
一招轻松解决node内存溢出问题
一招轻松解决node内存溢出问题
|
Web App开发 JavaScript 前端开发
JavaScript 内存溢出解决办法 亲测有效
Vue3是一款非常流行的JavaScript框架,它被广泛应用于Web前端开发中。在使用Vue3进行打包时,有时会遇到以下错误信息: