网站性能
文章平均质量分 78
椰卤工程师
这个作者很懒,什么都没留下…
展开
-
提升 Web 应用程序的性能:如何使用 JavaScript 编写缓存服务
在本文中,我们将探索如何使用简单的数据结构在 JavaScript 中编写缓存服务。在此示例中,我们创建了缓存服务的新实例并从缓存中检索值。如果在缓存中找不到该值或已过期,我们会从服务器检索该值并将其存储在缓存中,有效期为 5 分钟,还可以使用 方法清除缓存clear()。该get()方法检索与给定键关联的值,set()设置与键关联的值,并clear()从缓存中删除所有值。在此步骤中,我们将为缓存项添加过期时间,并在它们过期时将其从缓存中移除。编码缓存服务的第一步是定义将用于访问缓存的接口。原创 2023-03-03 14:25:13 · 943 阅读 · 0 评论 -
google超强插件助力提升网站可访问性,排名直线提升
对于我们几乎所有人来说,网络是日常生活中不可或缺的一部分。全世界,五分之一的人有残疾——视觉、听觉、运动或认知——这可能使他们难以或无法使用网站。过去,残疾人无法使用其网站的组织可以简单地提供替代方案,例如拨打电话号码。然而,今天,这已经不够了。创建一个包容性社会是一个全球关注的问题,无论是创建无障碍建筑、信息、教育、工作还是娱乐……这都是正确的。可感知——人们可以看到或听到内容可操作——人们可以通过打字或说话来访问内容可理解——使用的语言清晰简单健壮——人们可以使用各种辅助技术访问内容。原创 2023-02-07 11:40:13 · 508 阅读 · 0 评论 -
使用评估工具进行前端性能优化大赏
众所周知,Google一直关注web性能。早在2010年,Google就在一篇博文中指出,性能是影响网站自然搜索结果排名的一个重要因素。如果你运行的网站由内容驱动,且大部分流量来自搜索引擎,这就会让你停下来。好在Google有一个评估工具。Google PageSpeed Insights 会分析网站,并就如何改进其性能和用户体验给出提示。当PageSpeed Insights呈现分析时,它会执行两次:第一次使用移动用户代理,第二次使用桌面用户代理。它分析性能时考虑两个关键因素:内容加载所需时间,以及整个页原创 2022-06-14 19:56:14 · 268 阅读 · 1 评论 -
性能优化:nginx静态压缩,网页速度倍级提升
随着项目的不断优化迭代,加入了许多高大上且卷的功能,是相当炫酷了。比方说:Antv 的L7、G2、G6、Echart,集众多优秀的组件于一身(它们真的很大,非常大),固然越走越沉重,是时候减负了!为什么要进行性能优化?这是优化前的一张资源加载图,从上图我们可以获取到那些信息呢?1.3M的资源,加载了9.06s,项目经理看了都流泪35个请求,共2.6M资源,传输无压缩,真是太实在了当然,资源的加载速度和网络带宽是密不可分的,需要运维同学去进行优化了,那我们能做些什么呢?nginx 资源动态原创 2022-05-30 11:51:00 · 1099 阅读 · 0 评论 -
网站性能优化利器:LightHouse全面检查各项指标,多种优化方案可选
检查网站性能过程全局安装 lighthousenpm install -g lighthouse然后输入你的页面lighthouse https://example.comlighthouse 会自动生成 HTML 报告,你也可以使用 JSON 格式。生成报告如下:解读各项指标含义:FCP (First Contentful Paint):渲染第一个元素(文本、图片、canvas…)的时间点SI (Speed Index):首屏展现时间LCP (Largest Contentfu原创 2021-05-10 11:27:37 · 1862 阅读 · 0 评论