七行的小仓库|互联网记忆|博客
-
- #开发 #开源 #草台班子
开源不代表任何东西，只代表开源
开源也鱼龙混杂，质量层次不齐的，唯一能确定的就是都开源了
这个PR纯纯草台班子： https://github.com/rutikwankhade/CoverView/pull/30
草台解析：.h-max.w-full这个选择器属实有点离谱，纯粹属于修好了一个bug，产生了更多bug的写法
https://github.com/rutikwankhade/CoverView/pull/30/files#diff-85da366246340e911d7a0eb9153e64137a1b31f0686c74d9aef9ae4f032cb09eR17GitHubfix:The first theme image is highly out of range by willow-god · Pull Request #30 · rutikwankhade/CoverViewSolve the problem of poor display effect caused by the height of the cover image exceeding the range under the first theme
Before modification
After modification
After the modification, the autho... - 共享猫咪
#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
本文记录了作者优化基于Next.js和Cloudflare的个人博客网页核心指标的过程，包括通过提高图片加载优先级、减少不必要资源的加载等方法，并强调优化应基于实验和实际统计数据。- #开发调优 #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的个人博客网页核心指标的过程，包括通过提高图片加载优先级、减少不必要资源的加载等方法，并强调优化应基于实验和实际统计数据。 - #教程 #开发调优 #网站运营 #开发 #建站 #性能优化
网页核心指标优化指南和实操记录
✨ 本文介绍了基于Next.js构建、托管于Cloudflare的博客站的优化过程，强调了网页核心指标的优化重要性和注意事项。文章通过前言与总结的结构，深入探讨了优化的分级、实验和数据分析的重要性。主要内容包括核心网页指标的分析，分为实验室环境指标和用户实际情况指标，后者依据Chrome用户体验报告的数据。这篇指南还讨论了性能优化过程中的问题发现和妥协决策，强调了具体问题需具体分析的原则。此外，文章提到基于持续集成（CI）实现自动化的提交和PR级别的性能测试，以提升网页性能的有效性。总之，优化是一个不断试验和调整的过程，需依赖实际统计数据做出明智的决策。网页核心指标优化指南和实操记录 | Qi Xing Blog
本文记录了基于Next.js构建并托管于Cloudflare的博客站的优化过程，介绍了网页核心指标优化方法，包括实验室环境指标和用户实际情况指标分析，性能优化中的错误发现及取舍妥协，以及基于CI的自动化性能测试。
