随笔分类 - 前端性能优化
摘要：service workers 因为 js 是单线程的，如果有前端部分数据大量渲染和计算的情况下，会导致页面渲染非常慢，会遭到阻塞。因为 js 是会阻塞页面渲染的。有没有办法，用 service workers 在背后进行大规模的运算。比如 webgl 这样的 3d 渲染，但是 3d 存在一个很大的
阅读全文
只有注册用户登录后才能阅读该文。
摘要：懒加载 图片进入可视区域之后请求图片资源。对于电商等图片很多，页面很长的业务场景适用。减少无效资源的加载。并发加载的资源过多会阻塞 js 的加载，影响网站的正常使用。 浏览器解析的过程中，遇到image里面有src，他就会去请求 src 里面的资源，在真实场景中，我们希望图片进入可视区域之后，src
阅读全文
摘要：一个网站在浏览器端是如何进行渲染的？ html本身首先会被渲染成 DOM 树，实际上 html 是最先通过网址请求过来的，请求过来之后，html 本身会由一个字节流转化成一个字符流，浏览器端拿的就是字符流，然后通过词法分析之后，将相应的语法分析成相应的 token ，比如说 header token
阅读全文
摘要：一张JPG图片的解析过程 jpg 图片实际上在我们的使用过程中是使用 jpg 压缩的一个方式。那他是怎么处理的呢？对于原图片数据的话，首先要进行一个颜色空间的转化，将 rgb 的颜色空间转到其他颜色空间，然后进行重采样，去区分高屏和低屏的颜色变化，从而进一步进行一个 DCT 的过程。对于高屏的颜色进
阅读全文
摘要：资源的合并与压缩涉及到的优化点 资源的合并 => 减少http请求数量 资源的压缩 => 减少请求资源的大小。 html压缩 HTML代码压缩就是压缩这些在文本文件中有意义，但是在 HTML 中不显示的字符，包括空格，制表符，换行符等，还有一些其他意义的字符，如 HTML注释 也可以被压缩。 进行h
阅读全文
摘要：CS架构：比如我们的代码开发好，打包成apk，发布到平台，那么最终怎么运行到用户的手机上呢，用户首先需要从相关的应用商城下载这个apk包，并且运行这个 apk 包，那么这个 apk 包就会被解压，最后运行在安卓的操作系统上。实际上对于最终访问的 app 来说呢，他访问的资源在安卓系统本地是有一份的。
阅读全文