主要内容:所见所闻 | 各种教程 | 有用的东西
博客:https://blog.qixing1217.top
朋友圈:https://moments.qixing1217.top
网页版频道: https://channel.qixing1217.top
博客:https://blog.qixing1217.top
朋友圈:https://moments.qixing1217.top
网页版频道: https://channel.qixing1217.top
#宝塔 #建站
乐,宝塔这系统防火墙功能也太拉了,居然数据不同步,而且还有各种很多神奇的bug
https://www.bt.cn/bbs/forum.php?mod=viewthread&tid=109472&page=1#pid458665
乐,宝塔这系统防火墙功能也太拉了,居然数据不同步,而且还有各种很多神奇的bug
https://www.bt.cn/bbs/forum.php?mod=viewthread&tid=109472&page=1#pid458665
#Nextjs #BundleAnalyzer #开发 #建站 #性能优化
使用bundle-analyzer分析并优化Next.js包大小,加快网页加载速度
✨ 本文探讨了如何使用 bundle-analyzer 工具分析和优化 Next.js 应用的包大小,以提升网页加载速度。重点内容包括通过安装和配置 bundle-analyzer,对 Next.js 项目中各个模块的大小进行分析。文章指出,主要的包体积来自 Clerk 和 namespace object,并提出相应的优化策略。例如,Clerk 作为可选功能,应通过动态导入来减少初始加载的包大小,而针对 namespace object 的问题,建议删除不必要的主题资源以减小占用空间。此外,针对非首要且较重的功能,推荐使用按需动态导入的方式进行懒加载,以优化资源的加载。通过实际数据和实验结果,文章强调了每项优化的依据,以确保最终效果的有效性。
使用bundle-analyzer分析并优化Next.js包大小,加快网页加载速度
✨ 本文探讨了如何使用 bundle-analyzer 工具分析和优化 Next.js 应用的包大小,以提升网页加载速度。重点内容包括通过安装和配置 bundle-analyzer,对 Next.js 项目中各个模块的大小进行分析。文章指出,主要的包体积来自 Clerk 和 namespace object,并提出相应的优化策略。例如,Clerk 作为可选功能,应通过动态导入来减少初始加载的包大小,而针对 namespace object 的问题,建议删除不必要的主题资源以减小占用空间。此外,针对非首要且较重的功能,推荐使用按需动态导入的方式进行懒加载,以优化资源的加载。通过实际数据和实验结果,文章强调了每项优化的依据,以确保最终效果的有效性。
#开发调优 #Nextjs #Cloudflare #开发 #建站 #性能优化
基于Next.js和Cloudflare的网页核心指标优化实操小记
✨ 本文探讨了基于Next.js和Cloudflare构建个人博客时,为优化网页核心指标而进行的实操经验分享。重点在于通过实验和实际数据分析进行性能提升。文章首先强调优化的必要性和规范,接着分析了问题及其解决方案。主要措施包括提高LCP(最大内容绘制)图片的加载优先级,减少非首屏和未使用的资源加载,以及增设懒加载的CSS。使用Next.js的Image组件进行图片优化后,尽管仍存在问题,但通过性能测试和数据分析,发现主要性能瓶颈在于使用的FontAwesome CSS,它的体积较大,导致主线程阻塞,并影响加载速度。最终,作者通过云端优化和实际数据评估,展示了优化的效果,并指出了常见的优化误区及TTFB(首次字节时间)相关的Cloudflare功能。整体上,文章为网页性能优化提供了实用的经验和见解。
基于Next.js和Cloudflare的网页核心指标优化实操小记
✨ 本文探讨了基于Next.js和Cloudflare构建个人博客时,为优化网页核心指标而进行的实操经验分享。重点在于通过实验和实际数据分析进行性能提升。文章首先强调优化的必要性和规范,接着分析了问题及其解决方案。主要措施包括提高LCP(最大内容绘制)图片的加载优先级,减少非首屏和未使用的资源加载,以及增设懒加载的CSS。使用Next.js的Image组件进行图片优化后,尽管仍存在问题,但通过性能测试和数据分析,发现主要性能瓶颈在于使用的FontAwesome CSS,它的体积较大,导致主线程阻塞,并影响加载速度。最终,作者通过云端优化和实际数据评估,展示了优化的效果,并指出了常见的优化误区及TTFB(首次字节时间)相关的Cloudflare功能。整体上,文章为网页性能优化提供了实用的经验和见解。
#教程 #开发调优 #网站运营 #开发 #建站 #性能优化
网页核心指标优化指南和实操记录
✨ 本文介绍了基于Next.js构建、托管于Cloudflare的博客站的优化过程,强调了网页核心指标的优化重要性和注意事项。文章通过前言与总结的结构,深入探讨了优化的分级、实验和数据分析的重要性。主要内容包括核心网页指标的分析,分为实验室环境指标和用户实际情况指标,后者依据Chrome用户体验报告的数据。这篇指南还讨论了性能优化过程中的问题发现和妥协决策,强调了具体问题需具体分析的原则。此外,文章提到基于持续集成(CI)实现自动化的提交和PR级别的性能测试,以提升网页性能的有效性。总之,优化是一个不断试验和调整的过程,需依赖实际统计数据做出明智的决策。
网页核心指标优化指南和实操记录
✨ 本文介绍了基于Next.js构建、托管于Cloudflare的博客站的优化过程,强调了网页核心指标的优化重要性和注意事项。文章通过前言与总结的结构,深入探讨了优化的分级、实验和数据分析的重要性。主要内容包括核心网页指标的分析,分为实验室环境指标和用户实际情况指标,后者依据Chrome用户体验报告的数据。这篇指南还讨论了性能优化过程中的问题发现和妥协决策,强调了具体问题需具体分析的原则。此外,文章提到基于持续集成(CI)实现自动化的提交和PR级别的性能测试,以提升网页性能的有效性。总之,优化是一个不断试验和调整的过程,需依赖实际统计数据做出明智的决策。
主要内容为搞笑有趣内容和重要新闻的转发记录,其次为个人在冲浪过程中所写的各种教程和看到的有用资源
#正面:#暖心
#负面:#仇恨 #抵制 #歧视 #辱骂 #抹黑 #404系列
#有趣 #好笑:#酷 #Emoji #表情包 #贴纸
#NSFW:#Jav #SM #重口
📦 #资源:#白嫖 #教育优惠 #破解
🎓 #知识 #科普:#教程 #疑难杂症 #冷知识 #小知识
🧠 ❤️ #阅读 #思想 #身心 #纪录片 #博主
#文明 #信息茧房 #熟人社会 #小圈子 #多元化 #语言腐败
#语言:#英语 #汉语 #普通话 #方言 #习语 #谐音梗 #熟词生义
📰 #新闻 #慢讯 #合订本:#制度 #官员 #形式主义 #法律 #教育 #股市 #退休金 #未来 #文化 #传统
🔧#工作:#工会 #节日 #假期 #摸鱼 #加班 #裁员 #罢工
#人物:#残疾 #烈士 #傻逼 #MJJ
#科技:#存储 #服装 #显卡 #拍照
#医院 #农村 #动物 #文物
💼 #商业:#经验 #运营 #外卖 #专业领域 #垂直用户
公司:#Google #微软 #苹果 #小米 #华为 #Vivo #奇虎360 #育碧
产品:| #Telegram #QQ #微信 | #微博 #京东 #知乎 #抖音 #YouTube #GetApps
#网盘:#GoogleDrive #百度网盘
#网站:#GitHub #Hostloc #E站
🚫 #广告:
#广告拦截 :#广告过滤规则 #Adguard
#广告跳过 #开屏广告 #摇一摇广告:#李跳跳 #跳过广告 #GKD
🌐 #网络
#域名 #VPS #网站 #IP #归属地 #DNS #DNS泄露 #跟踪参数 #区块链 #光猫
#安全 #隐私:#监管 #审查 #查水表 #反诈 #实名 #开盒 #言论自由 #密码
🪜 #翻墙
#节点 #机场:#测速 #落地机 #订阅转换 #Subconverter #分流规则
#代理软件: #Netch | #Clash #CFW | #ClashMeta #Clashverge #Clash_nyanpasu #Clashverge_rev
🌐 #浏览器:
#Chrome #火狐
#书签 #扩展程序 #脚本 #脚本猫 #自动填充 #网页存档 #验证码
🔍 #搜索引擎:#Kagi #聚合搜索 #搜索技巧
💻📱#操作系统:#Windows #安卓 #自研系统 #鸿蒙 #蓝河OS #Root
#软件 #工具 #第三方软件:
#直播:#斗鱼 #直播聚合 #SimpleLive #JustLive
#输入法:#Rime #Gboard #词库
#阅读器:#Reader
#笔记软件:#Notion #语雀
#密码管理器
#下载:#BT #IDM
#PotPlayer #PS
#远程控制 #画中画 #自动签到 #新帖监控 #消息转发 #绘图 #ORC
🤖 #AI:#ChatGPT #ChatGPT4 #Yi大模型 #LLaMA
🌅 #人生 #日常 #生活 #休闲 #娱乐
#自用 #安利 #小众 #折腾
#效率:#工作流
#邮箱:#Gmail
#购物:#支付 #银行卡 #信用卡 #GooglePlay #银联 #华侨银行
#游戏:#战舰世界 #Aslain插件 #线下 #躲猫猫
#ESIM #女装 #保险 #体检
👨💻👩💻 #开发:#建站 #版本控制 #Git #Bot #正则 #ADB
还有三坑少女及反差分享哦🥰
👉私密搜索与AI问答更多资源🆙等着你哦🥳~
#正面:#暖心
#负面:#仇恨 #抵制 #歧视 #辱骂 #抹黑 #404系列
#有趣 #好笑:#酷 #Emoji #表情包 #贴纸
#NSFW:#Jav #SM #重口
📦 #资源:#白嫖 #教育优惠 #破解
🎓 #知识 #科普:#教程 #疑难杂症 #冷知识 #小知识
🧠 ❤️ #阅读 #思想 #身心 #纪录片 #博主
#文明 #信息茧房 #熟人社会 #小圈子 #多元化 #语言腐败
#语言:#英语 #汉语 #普通话 #方言 #习语 #谐音梗 #熟词生义
📰 #新闻 #慢讯 #合订本:#制度 #官员 #形式主义 #法律 #教育 #股市 #退休金 #未来 #文化 #传统
🔧#工作:#工会 #节日 #假期 #摸鱼 #加班 #裁员 #罢工
#人物:#残疾 #烈士 #傻逼 #MJJ
#科技:#存储 #服装 #显卡 #拍照
#医院 #农村 #动物 #文物
💼 #商业:#经验 #运营 #外卖 #专业领域 #垂直用户
公司:#Google #微软 #苹果 #小米 #华为 #Vivo #奇虎360 #育碧
产品:| #Telegram #QQ #微信 | #微博 #京东 #知乎 #抖音 #YouTube #GetApps
#网盘:#GoogleDrive #百度网盘
#网站:#GitHub #Hostloc #E站
🚫 #广告:
#广告拦截 :#广告过滤规则 #Adguard
#广告跳过 #开屏广告 #摇一摇广告:#李跳跳 #跳过广告 #GKD
🌐 #网络
#域名 #VPS #网站 #IP #归属地 #DNS #DNS泄露 #跟踪参数 #区块链 #光猫
#安全 #隐私:#监管 #审查 #查水表 #反诈 #实名 #开盒 #言论自由 #密码
🪜 #翻墙
#节点 #机场:#测速 #落地机 #订阅转换 #Subconverter #分流规则
#代理软件: #Netch | #Clash #CFW | #ClashMeta #Clashverge #Clash_nyanpasu #Clashverge_rev
🌐 #浏览器:
#Chrome #火狐
#书签 #扩展程序 #脚本 #脚本猫 #自动填充 #网页存档 #验证码
🔍 #搜索引擎:#Kagi #聚合搜索 #搜索技巧
💻📱#操作系统:#Windows #安卓 #自研系统 #鸿蒙 #蓝河OS #Root
#软件 #工具 #第三方软件:
#直播:#斗鱼 #直播聚合 #SimpleLive #JustLive
#输入法:#Rime #Gboard #词库
#阅读器:#Reader
#笔记软件:#Notion #语雀
#密码管理器
#下载:#BT #IDM
#PotPlayer #PS
#远程控制 #画中画 #自动签到 #新帖监控 #消息转发 #绘图 #ORC
🤖 #AI:#ChatGPT #ChatGPT4 #Yi大模型 #LLaMA
🌅 #人生 #日常 #生活 #休闲 #娱乐
#自用 #安利 #小众 #折腾
#效率:#工作流
#邮箱:#Gmail
#购物:#支付 #银行卡 #信用卡 #GooglePlay #银联 #华侨银行
#游戏:#战舰世界 #Aslain插件 #线下 #躲猫猫
#ESIM #女装 #保险 #体检
👨💻👩💻 #开发:#建站 #版本控制 #Git #Bot #正则 #ADB
还有三坑少女及反差分享哦🥰
👉私密搜索与AI问答更多资源🆙等着你哦🥳~
正面 暖心 负面 仇恨 抵制 歧视 辱骂 抹黑 404系列 有趣 好笑 酷 Emoji 表情包 贴纸 NSFW Jav SM 重口 资源 白嫖 教育优惠 破解 知识 科普 教程 疑难杂症 冷知识 小知识 阅读 思想 身心 纪录片 博主 文明 信息茧房 熟人社会 小圈子 多元化 语言腐败 语言 英语 汉语 普通话 方言 习语 谐音梗 熟词生义 新闻 慢讯 合订本 制度 官员 形式主义 法律 教育 股市 退休金 未来 文化 传统 工作 工会 节日 假期 摸鱼 加班 裁员 罢工 人物 残疾 烈士 傻逼 MJJ 科技 存储 服装 显卡 拍照 医院 农村 动物 文物 商业 经验 运营 外卖 专业领域 垂直用户 Google 微软 苹果 小米 华为 Vivo 奇虎360 育碧 Telegram QQ 微信 微博 京东 知乎 抖音 YouTube GetApps 网盘 GoogleDrive 百度网盘 网站 GitHub Hostloc E站 广告 广告拦截 广告过滤规则 Adguard 广告跳过 开屏广告 摇一摇广告 李跳跳 跳过广告 GKD 网络 域名 VPS 网站 IP 归属地 DNS DNS泄露 跟踪参数 区块链 光猫 安全 隐私 监管 审查 查水表 反诈 实名 开盒 言论自由 密码 翻墙 节点 机场 测速 落地机 订阅转换 Subconverter 分流规则 代理软件 Netch Clash CFW ClashMeta Clashverge Clash_nyanpasu Clashverge_rev 浏览器 Chrome 火狐 书签 扩展程序 脚本 脚本猫 自动填充 网页存档 验证码 搜索引擎 Kagi 聚合搜索 搜索技巧 操作系统 Windows 安卓 自研系统 鸿蒙 蓝河OS Root 软件 工具 第三方软件 直播 斗鱼 直播聚合 SimpleLive JustLive 输入法 Rime Gboard 词库 阅读器 Reader 笔记软件 Notion 语雀 密码管理器 下载 BT IDM PotPlayer PS 远程控制 画中画 自动签到 新帖监控 消息转发 绘图 ORC AI ChatGPT ChatGPT4 Yi大模型 LLaMA 人生 日常 生活 休闲 娱乐 自用 安利 小众 折腾 效率 工作流 邮箱 Gmail 购物 支付 银行卡 信用卡 GooglePlay 银联 华侨银行 游戏 战舰世界 Aslain插件 线下 躲猫猫 ESIM 女装 保险 体检 开发 建站 版本控制 Git Bot 正则 ADB