标签：异步加载

共 7 篇相关文章

IT 累计浏览 2,275

对Android中的多图片异步加载的重新思考

这篇讲的是图片加载策略引发的性能反思。作者从开源中国客户端的一个实际问题出发：早期版本采用多线程并发下载图片，结果在列表加载时，图片反而出现明显的延迟和卡顿，尤其是在网络条件不佳的情况下。核心发现直觉与效果的悖论：为什么传统观念中能提升资源利用率的并发，在这里却拖了后腿？文章用了一个生动的比喻——如同一个人同时推进两个相似项目，虽然总工时可能缩短，但单个项目完成的周期却被拉长，导致用户感知到的响应变慢了。作者进一步剖析了 Android 系统本身的演进：在 Android 3.0 之后，AsyncTask 从默认的并发执行改为了串行执行队列。这个看似“退步”的设计，实际上是为了规避高并发下可能引发的资源耗尽与崩溃风险。在图片加载场景中，配合滚动时及时取消无效任务的机制，串行执行不仅更安全，从用户体感上看也避免了任务间的相互“干扰”，使图片能更连贯、流畅地逐张呈现。这篇技术复盘最终指向一个启发：在移动端资源受限的环境下，技术方案的选择需要超越纸面的性能理论，紧密结合具体的使用场景和用户体验来重新审视。有时，看似“更慢”的串行，反而是通往“更快”感知的路径。

IT 累计浏览 3,674

iOS 保持界面流畅的技巧

这篇深度解析从 iOS 屏幕显示原理入手，剖析了界面卡顿的根源。文章详细拆解了 VSync 机制下，CPU 与 GPU 协同工作的流程，并指出当任一方未能及时完成渲染时，掉帧便会发生。作者系统性地列举了 CPU 侧的对象创建与销毁、布局计算（尤其是 Autolayout 的性能陷阱）、文本渲染等常见开销来源，也涵盖了 GPU 侧的渲染与合成问题。在剖析原理的基础上，文章重点介绍了 AsyncDisplayKit 框架。作者阐述了其图层预合成、异步并发操作等核心设计，以及如何利用 Runloop 进行任务分发，从而将主线程从繁重的布局和渲染任务中解放出来。文章更提供了极具实践价值的参考：一个完全仿照微博、Twitter 的开源列表 Demo。通过预排版、预渲染、异步绘制等优化技巧的组合运用，该 Demo 即使在 iPhone 4S 上快速滑动，也能稳定保持 50-60 FPS 的流畅度。这不仅仅是理论分析，更是一份可供验证、对比和直接使用的性能优化方案指南。

IT 累计浏览 3,528

Javascript 装载和执行

这篇讲的是浏览器如何处理JavaScript文件的装载和执行问题。作者从JavaScript两大特性——“载入后立即执行”且“执行时阻塞页面”——出发，通过一系列具体示例，对比了多种解决方案的差异与适用场景。传统将script标签放在head中会导致页面渲染被完全阻塞。即便使用document.write动态插入，对整个页面来说仍然是同步阻塞的。HTML5的async属性虽允许并行下载，但脚本执行时机不可控；而IE的defer属性能延迟执行且不阻塞DOM渲染，不过浏览器兼容性有限。作者重点推荐了“动态创建DOM元素”的方式，这已成为异步加载的常用模式。进一步地，为了解决“何时执行”的问题，可以将脚本加载绑定到window.onload或特定交互事件上。文章还探讨了预加载脚本但不立即执行的进阶需求，介绍了利用object或iframe标签进行缓存的变通方法。最终，作者通过对比演示，清晰地展现了每种方案在执行顺序、阻塞行为和浏览器支持上的权衡，为开发者在实际项目中选择合适的脚本加载策略提供了实用参考。

IT 累计浏览 2,444

用In.js颗粒化管理、加载你的Javascript模块

这篇讲的是前端开发者面对日益增长的性能优化需求，如何用 In.js 来颗粒化管理 Javascript 模块的加载。文章从当前前端开发的痛点切入——页面加载速度直接影响用户体验，而传统的同步加载 JS 方式会阻塞页面渲染。作者指出，为了解决这个问题，异步加载与无阻塞加载技术成了研究热点，而 In.js 提供的颗粒化管理正是一个值得关注的实践方向。文章具体展示了如何利用 In.js 将大型 JS 文件拆解成更小的模块单元，实现按需、异步加载。核心思路在于避免一次性加载所有资源，而是只在真正需要时才加载对应的模块，从而显著减少初始页面加载时间。这种颗粒化的思路不仅能提升加载性能，也使得模块依赖管理变得更加清晰。作者可能还对比了 In.js 与其他方案（如 CommonJS 或 AMD）在加载粒度和灵活性上的区别。对于希望精细控制前端资源加载流程、优化复杂单页应用性能的团队，这种方法提供了可落地的技术路径。最终，文章落脚于实际开发中的效率与性能平衡，给出了模块化管理在真实项目中的效果参考。

IT 累计浏览 4,425

淘宝2011彩票首页开发实践

这篇讲的是，面对一个需要从旧版平稳过渡到新版的首页，淘宝彩票团队如何设计和实施他们的发布策略。他们没有选择直接替换，而是采用了“新旧版并行”的方案。核心思路是，让新版首页作为一个可选版本，仅通过老版首页中的一个链接入口进行小范围暴露。这种做法背后有两个明确目标：一是为用户提供足够的缓冲期，避免突然变更带来的不适应；二是以此为机会，收集真实的用户反馈和数据，用于打磨和优化产品，使其更贴近用户实际需求。从实践效果看，这种渐进式的发布策略，为产品的迭代上线提供了宝贵的缓冲空间和数据支撑，是一种稳健且注重用户体验的工程化实践。

IT 累计浏览 6,390

配合jquery实现异步加载页面元素

这篇讲的是，一位开发者在实际项目中因加载数百个SWF/JPG素材导致页面严重卡顿时，如何通过异步加载技术来破局。作者坦诚自己JS基础不强，但通过调研和实践，找到了一个务实的解决方案：利用jQueryLazyLoad插件为图片元素设置占位标记，当用户滚动至可视区域时再异步加载真实内容。文章的核心并非复述插件文档，而是分享了作者从发现问题、理解原理（替换占位元素）到具体实施的完整过程。他提供了将插件引入项目的头部代码，并展示了如何为列表中的素材元素添加延迟加载属性。这对于同样面临大量静态资源拖累页面性能的前端开发者，提供了一个即学即用的优化思路。

IT 累计浏览 3,471

Script 元素的异步加载属性

这篇讲的是前端性能优化中一个关键但常被模糊处理的细节：script 标签的 `async` 和 `defer` 属性。作者从基础的脚本加载机制出发，详细拆解了浏览器解析 HTML 时遇到 `