网站字体分包加载优化速度
先去去网站把需要的字体进行分包，会得到成品文件夹，里面包含了细分 woff2 文件、CSS 索引文件、reporter.json 等静态文件。 https://chinese-font.netlify.app/online-split/ 网站/网站主题目录新建font，上传文件 导入 CSS 文件，link 标签或者 css import 皆可以。 可以添加一个 preconnect 来加速你的链接 <link href="/font/result.css" rel="stylesheet" rel="preconnect" /> 构建一个 CSS 类名使用字体名称 *{ font-family: 'MaoKenWangXingYuan'; } 完成操作之后，打开网站字体就会分包加载大大提高了打开速度。
国内 Firefox 火狐浏览器安装 ADGuard 扩展插件
对我来说，浏览器安装广告屏蔽插件是第一要务，然而 Firefox 火狐浏览器国内版本直接给你屏蔽了 ADGuard 扩展插件。 经过网上一查，原来是因为广告拦截插件把视频平台网站的广告拦截了，而那些人无法解决海外的插件开发者，就把矛头指向 Firefox 火狐浏览器，于是乎一怒之下把浏览器告了，而且还告赢了，所以浏览器不让国内的用户下载此类插件使用。 但是这也难不倒我，根据谷歌浏览器扩展插件的原理，平台不让下我就自己下。 使用 Firefox 火狐浏览器打开下方链接 https://github.com/AdguardTeam/AdguardBrowserExtension/releases 在How to install beta:下找到 Firefox 点击下载后会自动安装 AdGuard 浏览器插件。 然而，在这个逻辑中我又遇到了一个问题，那就是 Firefox 浏览器始终无法下载这个firefox.xpi文件，哪怕我使用魔法也无法下载。最后还是通过其他办法先下载这个文件，然后把下载的 xpi 文件拖拽到火狐的扩展程序安装界面，点击添加就完成插件的安装了。 同时还推荐配合 AdGuard Home，在 Firefox 火狐浏览器设置 → 隐私与安全 → 基于 HTTPS 的 DNS 中使用 AdGuard Home 提供的地址进行拦截。这样能够更加全面的去除广告。
CDN报表中状态 dynamic hit revalidated Miss unknown expired是什么意思
CDN回源请求状态反馈中的dynamic、hit、revalidated、Miss、unknown等术语代表了CDN在处理请求时的不同状态： dynamic: 通常指的是请求的内容是动态的，需要从原始服务器（源站）获取最新的内容，因为这些内容无法通过CDN缓存来满足。 hit: 表示请求的内容在CDN缓存中找到了，直接从缓存中提供内容，不需要回源服务器获取。 revalidated: 表示请求的内容在CDN缓存中找到了，但是缓存的内容已经过期，需要向源服务器验证内容是否仍然有效。如果源服务器确认内容未更改，CDN将继续提供缓存的内容，否则会更新缓存。 Miss: 表示请求的内容在CDN缓存中没有找到，必须从源服务器获取内容。 unknown: 表示请求的状态未知，可能是因为CDN系统的问题，或者请求的日志信息不完整，导致无法确定请求的处理状态。 expired：通常指的是缓存中的内容已经过了它的有效期（也就是它的过期时间）。这意味着缓存的内容不再是最新的，需要从源服务器重新获取最新的内容以保证用户得到最准确的信息。 在CDN的工作原理中，当一个请求到达CDN节点时，首先会检查该请求对应的缓存条目是否过期。如果缓存条目没过期，那么就直接从缓存中提供内容，这被称为hit。如果缓存条目已经过期，那么就需要向源服务器发起请求来获取最新的内容，这个过程称为revalidated。如果源服务器确认内容未更改，CDN将继续提供缓存的内容；如果源服务器表示内容已更新，CDN则会更新其缓存并提供最新的内容。 expired状态意味着CDN节点上的缓存内容已经不再有效，因此无法直接从缓存中提供内容，必须从源服务器获取最新的数据。这对于确保用户总是获得最新版本的网页内容是非常重要的，特别是在内容频繁更新的情况下。 在实际应用中，理解这些状态可以帮助开发者和运维人员更好地优化CDN的性能，提高网站的用户体验，同时也便于故障诊断和问题排查。例如，如果发现大量的expired状态，可能就需要检查源服务器的更新频率或者CDN的缓存策略是否合适。
解决Apple TV登录奈飞出现，无法验证您的 Netflix 帐户名称或密码，请重试,代码:113
今天在Apple TV上使用账号密码的方式登录奈飞是，出现无法验证您的 Netflix 帐户名称或密码，请重试,代码:113 的报错。我尝试了更换网络和关机重启的方式都没办法解决，最后竟然使用手机/电脑登录的方式竟然成功了，这么简单的方法，我搞了半天竟然没第一时间想着用！！！ 方法一： 如果你出现上述问题，清第一时间使用手机登录的方式来解决！ 第一步，在手机或者电脑网页端，登录你的奈飞账号。 第二步，然后根据下面的提示扫码、或者打开网址：https://www.netflix.com/atv 第三步、然后在电脑网页输入电视上的代码即可正常等里。 方法二： 如果你不方便使用第一个方法， 那么你可以尝试通过重新启动设备来解决 关闭设备。 如果您的设备有电源线，请将其拔下。 请确保您的设备已彻底关闭，而不仅仅是处于睡眠或待机模式。 将设备断电 15 秒。 打开设备，然后重新尝试运行 Netflix。 方法三： 如果这个方法还解决不了，那就看看你的网络问题，换个节点，或者T
如何开启路由器IPV6功能？IPV6测试网站分享
最近想在电视上装个电视直播软件，但现在的直播基本都凉的差不多的，就想着自己找直播源来用，找了一圈发现能稳定使用的直播源基本都是ipv6了。 现在的运营商基本都是默认开启的ipv6功能的，只是我们买的路由器可能是默认关闭的，我们只需要进入路由器后台，一般都在网络设置里面，就可以找到ipv6的功能开关。 然后我们按照下面的设置方式，进行开启即可。 IPV6测试 如何测试IPV6是否开启呢这里分享两个方法。 1，打开IPV6测试网站：https://test-ipv6.com/ 2，ping 你的ipv6地址，开启后在你的路由器后台可以看到ipv6的地址。打开电脑的cmd命令提示符 如果ping的通，那就说明的ipv6已经正常开启。
WordPress使用页面预加载来实现优化速度
通常情况下，网页的加载是从打开链接的一刻才开始的，浏览器需要加载对应的代码、图片等，如果请求过多的话，花费的时间会很久。 而网页预加载，则是在你打开对应的链接之前，网页就已经开始请求与下载相应的内容到浏览器中，当你真正打开该网页时，就可以直接从浏览器的缓存中读取，从而大大提升网页的打开速度 将鼠标悬停在该链接上65毫秒时有一次机会在两个链接上单击，因此开始预加载，平均留下超过 300 毫秒的页面来预加载。 使用教程 把这个HTML片段放在body之前： <script src="//instant.page/5.2.0" type="学习版ule" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
公众号、小程序回调出口IP白名单
网站、小程序服务器安装了防火墙的，很容易误拦截腾讯的出口IP，因些加白名单是有必要的。 为了提高公众号、小程序回调出口网络质量，微信callback IP地址新增四个上海出口网段 上海出口地址所属网段：42.192.0.0/24、42.192.6.0/24、42.192.7.0/24、81.69.18.0/24、81.69.19.0/24、81.69.229.0/24、81.69.103.0/24、81.69.101.0/24、175.24.211.0/24、101.226.103.0/24 深圳出口地址所属网段：118.126.124.0/24 广州出口地址所属网段：119.29.180.0/24、119.29.9.0/24、81.71.140.0/24、81.71.19.0/24 香港出口地址所属网段：162.62.80.0/24、162.62.81.0/24
京东云星盾SCDN域名泛解析的方法
最近，有位站长在使用京东云星盾的时候，需要用到泛解析，但不知道该怎么操作，今天主机吧来给大家讲解下如何操作。 1.进入京东云星盾配置泛子域名 主机名* IPV4地址填写你的服务器IP 确任即可 2.进入域名解析管理，添加对应京东云星盾cname别名 主机记录可以是* 也可以是填你具体的子域名 需要注意的事，这个记录值是在京东云星盾域名管理里可以看到，添加泛解析后，任意前缀都是可以当成解析记录值。 比如京东云星盾配的记录值为lewz.cn.lk-7775eb.cloud-SCDN.com 那么我们在域名DNS里解析可以是 1.lewz.cn.lk-7775eb.cloud-scdn.com 也可以是 2.lewz.cn.lk-7775eb.cloud-scdn.com 都是可以当成泛域名解析来用的。 简单来说，在京东云星盾里添加泛域名解析后，cname别名任意子域名都可以当成解析记录。 好了，以上就是我们的京东云星盾泛解析教程了。
如何移除微软 Edge 浏览器边栏按钮
微软近日更新 Microsoft Edge 浏览器，在右上角引入了全新的边栏按钮，而在常规设置选项中并没有移除选项。 而且微软将这个边栏按钮放置在最右侧，而大部分用户的习惯是最右侧按钮打开设置菜单，因此破坏了你的肌肉记忆。 而想要移除这个边栏按钮，常规手段只能是打开 Copilot 按钮，不过受该问题困扰的用户，可以通过以下命令，移除侧边栏按钮。 操作步骤如下： 1.打开 Edge 浏览器的设置，进入系统和性能，关闭“启动增强” 2.关闭 Edge 浏览器 3.右键 Edge 浏览器的快捷方式（如果没有，请创建一个），然后单击 "属性"。提示：您可以选择快捷方式并按 Alt + Enter 键，以更快地进入 "属性" 窗口。 4.在“目标”字段后空一格，输入“--disable-features=msGenericIconSidebarButton”。 5.保存更改，然后使用修改后的快捷方式启动浏览器。侧边栏按钮应该就不会再出现了。
禁止WP站点wp-content文件夹生成temp-write-test临时文件
今天看到 WordPress 站点 wp-content 文件夹下出现大量temp-write-test开头的临时文件，这种情况可能会对网站的正常运行和管理带来一些困扰，今天就记录下如何解决，并与大家分享。 生成以temp-write-test开头的临时文件通常是由于一些外部插件或主题引起的。这些插件或主题可能会在某些情况下创建临时文件，但由于某些原因，这些文件没有被及时清除，从而导致堆积。 这可能会对网站的性能和安全性产生负面影响。 解决办法 进入网站根目录，打开编辑wp-config.php文件，在底部加入下方代码： //禁止生成 temp-write-test文件 define('FS_METHOD', 'direct'); 删除已经生成的temp-write-test文件。
解除新浪微博图片和葫芦侠图床防盗链
这几天新浪的又一个域名增加了图片防盗链，导致狗凯之家的大部分图片出现失效和异常 最后找到了解决办法，还得是万能的网友们！ 解决办法 将原来的图片链接前面加入百度图片链接让它能在博客文章（外链文章）中引用以正常显示。 https://image.baidu.com/search/down?url=图片链接 https://image.baidu.com/search/down?url=https://fc.sinaimg.cn/large/9d9812e7ly1hmhi2jsgurj20ci0bwah4.jpg
深入了解HTTP Header中的Access-Control-Allow-Origin和Content-type
在Web开发中，我们经常需要处理跨域请求和设置响应的编码方式。其中，使用HTTP Header中的Access-Control-Allow-Origin和Content-type是常见的手段。让我们深入了解这两个关键的Header以及它们在Web开发中的作用。 1.Access-Control-Allow-Origin 首先，让我们看看Access-Control-Allow-Origin这个HTTP Header。这个Header用于指定哪些源（域）可以访问资源。在你的代码片段中 header('Access-Control-Allow-Origin:*'); 表示允许所有来源访问资源。这在处理跨域请求时非常有用，因为浏览器出于安全考虑，通常限制从一个域中的页面发起的跨域HTTP请求。 使用方法： 如果你想允许特定的域访问资源，你可以将*替换为允许的域名，例如： header('Access-Control-Allow-Origin: http://www.lewz.cn'); 你也可以允许多个域： header('Access-Control-Allow-Origin: http://www.lewz.cn, http://www.baidu.com'); 2.Access-Control-Allow-Method 另一个常用的Header是Access-Control-Allow-Method，它用于指定允许的HTTP方法。在你的代码中 header('Access-Control-Allow-Method: POST, GET'); 表示允许使用POST和GET方法进行访问。 使用方法： 你可以根据你的需求指定允许的HTTP方法，例如： header('Access-Control-Allow-Method: POST, GET, PUT'); 3.Content-type 接下来，让我们关注Content-type Header。这个Header用于指定响应的MIME类型以及字符集。在你的代码片段中 header('Content-type: application/json;charset=utf-8'); 表示响应的类型为JSON，字符集为UTF-8。 使用方法： 根据你的响应内容，你可以设置不同的Content-type。例如，如果你的响应是HTML，你可以这样设置： header('Content-type: text/html;charset=utf-8'); 或者如果是XML： header('Content-type: application/xml;charset=utf-8'); 跨域资源共享（CORS）： Access-Control-Allow-Origin用于解决浏览器的同源策略，允许不同域的页面请求资源。 HTTP方法控制： Access-Control-Allow-Method用于限制允许的HTTP方法，提高服务器安全性。 字符集和响应类型设置： Content-type用于确保客户端正确解析服务器响应的内容，例如，指定JSON格式和UTF-8字符集。 通过正确使用这些HTTP Header，你可以更好地控制和管理你的Web应用程序与其他域的交互，同时确保正确的响应格式和字符集。
