首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
TiuTiu
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
仅使用CSS提高页面渲染速度
作者:大漠用户在访问一个Web网站(页面)或应用时,总是希望它的加载速度快,功能流畅。如果过于慢,用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员,给自己应用提供更快的访问速度,提供很好
作为前端你拿什么证明网站体验?
前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难,但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西,我们又要如何去证明它的好与坏呢? 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍,如何从体验的角度去做重构的优化,并如何用数据去…
关键渲染路径优化
天下武功唯快不破,页面加载速度与用户体验息息相关,也关乎企业收益:最知名的当属 Amazon 加载速度每增加一秒一年少赚 16 亿美刀的例子(还是 N 年前的统计),真是应验那句话: 时间 == 金钱! 对此 Google Developer 专门有一篇文章用于阐述页面载入速度…
【译】Google - 使用 webpack 进行 web 性能优化(二):利用好持久化缓存
在优化应用体积之后,下一个提升应用加载时间的策略就是缓存。将资源缓存在客户端中,可以避免之后每次都重新下载。 这个方法可以告诉浏览器去下载 JS 文件,并将它缓存,之后使用的都是它的缓存副本。浏览器只会在文件名发生改变(或者一年之后缓存失效)时才会请求网络。 使用 webpac…
使用webpack4提升180%编译速度
使用webpack4提升180%编译速度
轻松实现 Web 性能优化
这是一篇关于性能优化的文章,是一篇非常值得你阅读的文章,文章的内容非常丰富,大概你花5-10分钟阅读。 在过去的一年里,我们忙于试图弄清楚如何让网络更快、更高效。因此就有了我们希望在本文中与你分享的新工具,方法和库。在第一部分中,我们将向你展示我们在开发 The Oodles …
兄dei,听说你动画很卡?
作为一个有追求的程序员!!!痛定思痛!!!同样的悲剧绝对不能在同一个技术面发生两次!!!流着泪写下该篇总结,希望可以给大家一些启发。 动画的实现原理,是利用了人眼的“视觉暂留”现象,在短时间内连续播放数幅静止的画面,使肉眼因视觉残象产生错觉,而误以为画面在“动”。 大多数设备的…
前端黑科技:美团网页首帧优化实践
自JavaScript诞生以来,前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向,Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里,通过预渲染提升网页首帧优化,从而优化了白屏问题,提升用户体验,并形成了最佳实践。 通过对比,同构…
网站性能调优开发工具: Lighthouse, Puppeteer 以及进阶部分丨 Google 开发者大会 2018
这次 Google 开发者大会请来了 Lighthouse 的工程师 - Eric Bidelman ,分享如何简单地使用 Lighthouse, Puppeteer 来自动化我们日常的流程。它是一个开源的自动化工具,用于改进网络应用质量。您只需要提供网址,它就测试该页面,並生…