主要内容:所见所闻 | 各种教程 | 有用的东西
博客:https://blog.qixing1217.top
朋友圈:https://moments.qixing1217.top
网页版频道: https://channel.qixing1217.top
七行的小仓库|互联网记忆|博客
#开发调优 #Nextjs #Cloudflare #开发 #建站 #性能优化 基于Next.js和Cloudflare的网页核心指标优化实操小记 本文探讨了基于Next.js和Cloudflare构建个人博客时,为优化网页核心指标而进行的实操经验分享。重点在于通过实验和实际数据分析进行性能提升。文章首先强调优化的必要性和规范,接着分析了问题及其解决方案。主要措施包括提高LCP(最大内容绘制)图片的加载优先级,减少非首屏和未使用的资源加载,以及增设懒加载的CSS。使用Next.js的Image组件进行…
#Nextjs #BundleAnalyzer #开发 #建站 #性能优化
使用bundle-analyzer分析并优化Next.js包大小,加快网页加载速度
本文探讨了如何使用 bundle-analyzer 工具分析和优化 Next.js 应用的包大小,以提升网页加载速度。重点内容包括通过安装和配置 bundle-analyzer,对 Next.js 项目中各个模块的大小进行分析。文章指出,主要的包体积来自 Clerk 和 namespace object,并提出相应的优化策略。例如,Clerk 作为可选功能,应通过动态导入来减少初始加载的包大小,而针对 namespace object 的问题,建议删除不必要的主题资源以减小占用空间。此外,针对非首要且较重的功能,推荐使用按需动态导入的方式进行懒加载,以优化资源的加载。通过实际数据和实验结果,文章强调了每项优化的依据,以确保最终效果的有效性。 基于Next.js和Cloudflare的网页核心指标优化实操小记 | Qi Xing Blog
#开发调优 #Nextjs #Cloudflare #开发 #建站 #性能优化
基于Next.js和Cloudflare的网页核心指标优化实操小记
本文探讨了基于Next.js和Cloudflare构建个人博客时,为优化网页核心指标而进行的实操经验分享。重点在于通过实验和实际数据分析进行性能提升。文章首先强调优化的必要性和规范,接着分析了问题及其解决方案。主要措施包括提高LCP(最大内容绘制)图片的加载优先级,减少非首屏和未使用的资源加载,以及增设懒加载的CSS。使用Next.js的Image组件进行图片优化后,尽管仍存在问题,但通过性能测试和数据分析,发现主要性能瓶颈在于使用的FontAwesome CSS,它的体积较大,导致主线程阻塞,并影响加载速度。最终,作者通过云端优化和实际数据评估,展示了优化的效果,并指出了常见的优化误区及TTFB(首次字节时间)相关的Cloudflare功能。整体上,文章为网页性能优化提供了实用的经验和见解。 基于Next.js和Cloudflare的网页核心指标优化实操小记 | Qi Xing Blog
#教程 #开发调优 #网站运营 #开发 #建站 #性能优化
网页核心指标优化指南和实操记录
本文介绍了基于Next.js构建、托管于Cloudflare的博客站的优化过程,强调了网页核心指标的优化重要性和注意事项。文章通过前言与总结的结构,深入探讨了优化的分级、实验和数据分析的重要性。主要内容包括核心网页指标的分析,分为实验室环境指标和用户实际情况指标,后者依据Chrome用户体验报告的数据。这篇指南还讨论了性能优化过程中的问题发现和妥协决策,强调了具体问题需具体分析的原则。此外,文章提到基于持续集成(CI)实现自动化的提交和PR级别的性能测试,以提升网页性能的有效性。总之,优化是一个不断试验和调整的过程,需依赖实际统计数据做出明智的决策。 网页核心指标优化指南和实操记录 | Qi Xing Blog
#有趣 #日常
真字节跳动,直到下完都一直是一字节
新年快乐!(还在偷偷优化网页性能
#编程 #网站 #代码优化
博客站优化里程碑了属于是,难以置信,居然实现了lighthouse全绿
#日常 #编程 #阅读
阅读文档从正向链接无限递归调用(就是一有参考引用部分就看)狠狠地看,最后再递归返回(就是看完了引用的文章部分再回来看文章)的时候,就知道了好多新的知识啊🥰

所以有没有扫描文章引用然后生成一个图结构的工具啊,提前预判一下递归量,看得我真的要爆栈了
感觉这样深度优先遍历地看,不如广度优先遍历啊,这样太容易接触到太深层的不容易懂的知识了
#日常
还有9天就2025年了。十五五规划2025年要全面消除贫困人口,我很快就要消失了,先和大家道别了,能够认识你们这群有钱人,我真的很开心。
#编程 #乐子
(是真的undefined了,因为用户的名字不是叫 undefined
#冷知识 #直播
直播的封房间功能是在客户端实现的,所以主播端推流不知道,并且直播流是不会受到影响的
#冷知识 #菜花耳 #Cauliflower_ear
那个人耳朵上的那些病变被称为“菜花耳”,几乎总是在 UFC 等极限运动中造成的,一般人不可能打得过
#日常 #网速
你们的网速都弱爆了!
#教程 #疑难杂症 #游戏 #战舰世界
战舰世界涂装与与效果图不符并装饰涂装显示已关闭的重新开启的修复方案
这篇文章主要讲述了在玩《战舰世界》游戏时,遇到涂装与效果图不符,以及装饰涂装显示已关闭的问题,并提供了解决方案。
主要内容:
- 问题描述:好不容易获得的涂装,进入游戏却发现涂装与效果图不符。
- 问题排查:在船只外观界面,可以看到有"装饰涂装显示已关闭"的提示。
- 解决方案:
在船只列表右上角找到小齿轮图标
找到被关闭显示的内容并开启即可,根据自己的涂装类型而定。 战舰世界涂装与与效果图不符并装饰涂装显示已关闭的重新开启的修复方案 | Qi Xing Blog
Back to Top