七行的小仓库|互联网记忆|博客
- 共享猫咪
#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的自动化性能测试。 - #乐子 #负面 #编程 #腾讯
https://github.com/TencentCloud/tencentcloud-sdk-nodejs/issues/160
笑点解析： 打包了很多没有用的东西进去，而且很大 （不过好好写changelog还是蛮好的GitHub你们是把***打包了吗？ · Issue #160 · TencentCloud/tencentcloud-sdk-nodejs一个微信在Windows上都可以占10G的储存。 一个sdk打包都快100M了, 看看别人aws 13M 的sdk吧, 好哥哥们. 你们是比营收比 aws 高, 还是功能比 aws 丰富, 还是技术比aws更牛啊？你们就跟着aws抄你不会吗？ cd node_modules && du -sh * | sort -h 13M @aws-sdk . . . 12M prisma...
#CSS选择器 #网页性能
https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/
PS： 第一次觉得微软写的东西还可以，但是结果没啥别的，还是 web.dev 的好看Microsoft Edge Blog
The truth about CSS selector performanceIf you're a web developer, you may have already heard that some CSS selectors are faster than others. And you're probably hoping to find a list of the better selectors to use in this article. Well, not quite. But bear with me, I promise that by the- 新年快乐！（还在偷偷优化网页性能
- #负面 #Web #站长 #字节跳动 #爬虫
臭名远扬了属于是
https://wordpress.org/support/topic/psa-bytedance-and-bytespider-bots-recommend-blocking/
https://www.webmasterworld.com/search_engine_spiders/5088284.htm
https://community.cloudflare.com/t/bytespider-bot-bypassing-cf-despite-blocking-rule/697576/5WordPress.org ForumsPSA | Bytedance and Bytespider Bots | Recommend Blocking[This thread is closed.] *** PUBLIC SERVICE ANNOUNCEMENT *** I have thoroughly investigated the bots, Bytedance and Bytespider. As a result, I highly…
