分页加载哪家强?Paging 来帮忙! (mp.weixin.qq.com)

【简介】

快来看Jetpack是怎么分页加载的。2018年5月9日的谷歌开发者大会(Google I/O 2018) 中提出在去年发布的广受欢迎的架构组件上,进一步改进并推出了Jetpack。

点击查看原文 >>

@DataFunBoy 2018-12-10 10:10 / 0个评论
赞过的人: @技术头条
要不要再学学下面的文章?
NextJS/React 加载远程组件 (innei.in)
写过文档的大佬们都知道 MDX 这个东西,对原本的 Markdown 进行了扩展,可以在 Markdown 中直接使用框架组件(React,Vue 等等)。
现在也有很多静态生成的博客使用 MDX 去编写博文,在博文中内嵌了 React 组件,在一些需要交互式的场景中,在传统的 Markdown 只能展示内容,而使用了组件就可以把死的文字变活。
MDX 的原理是在项目构建时,解析 Markdown 抽象语法树,把引入的组件进行了编译,然后嵌入到了文章内部。
而使用 MDX,就必须要引入编译时。而对于 CMS 类型的博客网站,因为内容都是动态生成的,就无法使用 MDX。
那么有没有办法去想一个歪路子去实现呢。
by @技术头条 2024-03-13 13:21 查看详情
缓解 Flarum 图片加载时的布局偏移 (zgq.ink)
现代的 Web 开发中,CLS(Cumulative Layout Shift)是一个关键的 性能指标,它主要关注用户在 Web 网页的使用中,发生意外布局偏移(Layout Shift)、影响用户体验的情况。导致 Layout Shift 的因素很多,这里主要讨论的是图片加载过程的影响。
by @技术头条 2024-01-28 23:56 查看详情
缓解 Flarum 图片加载时的布局偏移 (zgq.ink)
现代的 Web 开发中,CLS(Cumulative Layout Shift)是一个关键的 性能指标,它主要关注用户在 Web 网页的使用中,发生意外布局偏移(Layout Shift)、影响用户体验的情况。导致 Layout Shift 的因素很多,这里主要讨论的是图片加载过程的影响。
by @技术头条 2023-11-29 23:32 查看详情
聊聊Web网页中资源加载的优先级 (www.zhangxinxu.com)
通过调整或设置资源加载的优先级或者先后顺序,可以让页面重要的资源优先加载,让不重要的内容之后加载,以提高页面的访问体验。

通过文中的视频比较显示了 Google 机票页面,其中加载了使用和不使用“提取优先级”加载的 LCP 背景图片。将优先级设置为“高”后,LCP 时间从 2.6 秒缩短到 1.9 秒。
by @技术头条 2023-10-30 23:06 查看详情
小tips: JS字体加载失败或完毕的检测 (www.zhangxinxu.com)
如何判断 CSS @font-face 规则中的字体是否加载结束,是否加载成功?本文提供的方法你一定喜欢。
by @技术头条 2022-07-24 20:46 查看详情
这两种完全不同的JPEG加载方式,你肯定见过! (www.upyun.com)
通常网站使用的 JPEG 的内容显示通常有两种类型:基线或标准 JPEG 和渐进式 JPEG。

基线 JPEG 最常见的应用之一是在 Web 浏览器中呈现的图像。基线 JPEG 算法在从网络下载处理数据时逐行渲染图像……
by @又拍云 2021-09-02 14:49 查看详情
来试下不一样的图片加载方式 (zhuanlan.zhihu.com)
一般而言,最常见的图片加载方式是 HTTP URI Scheme 简称 HTTP URI。除此之外,我们可以通过 Data URI Scheme 的方式来引入图片。Data URI Scheme 的方式和 HTTP URI 的使用较为类似,只是看起来多了很多“乱码”。那这些乱码有什么作用呢?和 HTTP URI 相比,它有什么优势让我们选择它呢?
by @又拍云 2021-08-11 11:07 查看详情
Android-图片加载库 Coil 介绍 (mp.weixin.qq.com)
Coil是Android上的一个全新的图片加载框架,它的全名叫做coroutine image loader,即协程图片加载库。与传统的图片加载库Glide,Picasso或Fresco等相比。该具有轻量(只有大约1500个方法)、快、易于使用、更现代的API等优势。它支持GIF和SVG,并且可以执行四个默认转换:模糊,圆形裁剪,灰度和圆角。并且是全用Kotlin编写,如果你是纯Kotlin项目的话,那么这个库应该是你的首选。
by @code小生 2021-08-01 19:03 查看详情
白话科普系列——网站靠什么提升加载速度? (zhuanlan.zhihu.com)
随着生活节奏的不断加快,时间变得极其宝贵,等待页面加载的时间也随之缩短。这样一来如何留住客户变成了一项重要的考验。而减少页面加载等待时间,加快加载速度,就成了提高用户参与度S,提升业务可靠性的有效策略。

根据 Google 的一项研究,有 40% 的人放弃了某网站,是因为该网站的加载时间超过 3 秒,而页面加载时间增加1 秒,转化就相应减少了 7%。可见,互联网中的每一秒都至关重要。
by @又拍云 2020-12-11 17:07 查看详情
Glide 加载 Gif 的卡顿优化思路分析 (mp.weixin.qq.com)
Glide图片框架是可以直接加载GIF图的,但是做一个银行合作项目的时候,由于有需要出货页面需要加载一个GIF图,但是发现在使用Glide框架加载Gif图片,明显发现有延迟.
by @code小生 2020-09-20 22:38 查看详情