V
主页
如何在 WordPress 本机托管谷歌字体? (手动操作)
发布人
在优化网站的过程,我们希望尽量降低向远端请求资源的数量,这样也代表能用更快的速度,把网页呈现在访客面前。 常用的速度测试工具,像是 PageSpeed Insights、Gtmetrix ..,其中有几项的优化建议,就是针对 Fonts(字体)的优化改良。 因为在网站上使用 Google Fonts(或是任一种第三方字体),都会向远端发送下载字体的 DNS 请求。 所以当你用速度测试工具时,可能会看到 fonts.googleapis.com、fonts.gstatic.com 这两种的请求网域,而文字的下载数据成本其实很高(网站如果使用多种字体,体积更大)。 所以如果对网站速度有要求,就可以下载 Google Fonts 并放在本地主机托管,就不用每次都要去远端请求数据。如此一来,就能优化网站字体的读取速度啦! 这部影片会完整教会你,如何把 Google 字体转移到本机端托管,加快网站速度。 ▬▬▬▬▬ 💡 影片相关教程&资源 💡 ▬▬▬▬ 相關教程 如何在 WordPress 本机托管 Google Fonts 字型? (手动操作) 文 ➜ https://frankknow.com/install-google-fonts-local/ Transfonter 字体转换工具(转成 Web 可用字体)➜ https://transfonter.org/ 7 个最佳的 WordPress 速度优化插件(网页快取) 文 ➜ https://frankknow.com/best-cache-plugins/ WP Rocket 插件教程:WordPress 网站速度优化(最棒的快取软件) 文 ➜ https://frankknow.com/wp-rocket-tutorial/ ▬▬▬▬▬ 🏆️ 优质 WordPress 虚拟主机 🏆️ ▬▬▬▬▬ Bluehost 主机教程,完整申请学习(适合新手入门,CP 值最高) 影 ➜ BV1fR4y1W7Jc 文 ➜ https://frankknow.com/bluehost-teach/ A2 Hosting :WordPress 主机教程(适合新手入门,表现值居中) 影 ➜ BV1mb4y1q7ii 文 ➜ https://frankknow.com/a2-tutorial/ Cloudways 教程 :使用 VPS 主机,架设 WordPress 网站(适合对速度有高要求,中高流量的站长) 影 ➜ BV1wq4y1z7BH 文 ➜ https://frankknow.com/cloudways-teach/ ▬▬▬▬▬ 🖥️ 多种 WordPress 架站类型 🖥️ ▬▬▬▬▬ 搭建博客:如何架设教程(写网志+博客平台) 影 ➜ https://youtu.be/csjci7U-5S8 文 ➜ https://frankknow.com/start-blog/ 官网设计:形象网站搭建制作(个人品牌+公司企业) 影 ➜ BV1e64y1v7wP 文 ➜ https://frankknow.com/setup-brand-website/ 架设购物网站:WordPress 网路开店平台(购物车建置) 影 ➜ BV1af4y1J7Rv 文 ➜ https://frankknow.com/flatsome-theme-tutorial/ ▬▬▬▬▬ 💬 欢迎追踪&关注我们 💬 ▬▬▬▬▬ 犬哥网站 ➜ https://frankknow.com 犬哥数位(网页设计服务)➜ https://frankknow.co IG 架站教程 ➜ https://www.instagram.com/wp.dog WordPress 学习社群(帮你解决网站搭建的问题)➜ https://www.facebook.com/groups/frankknow
打开封面
下载高清视频
观看高清视频
视频下载器
如何制作网站:WordPress 完整网站架设(Astra+Elementor)
NameCheap教程 :域名注册购买+网站后台操作(完整申请)
11 个 WordPress 必备外挂,让网站瞬间拥有超能力(完美组合)
WordPress 网站备份+还原教程:使用 UpdraftPlus 自动备份到 Google 云盘,快乐没烦恼!
WordFence Security 教程:强大 WordPress 网站安全插件(完整设定)
Rank Math 教程:最佳 WordPress SEO 优化插件+关键字营销(优化技术)
WordPress 后台教程:给新手的网站制作(完整设置)
如何設計 WordPress 后台登录页面(使用 LoginPress 插件)?
我开始透过 ChatGPT 制作网站了(效率提升一倍的方法)
WordPress.org vs WordPress.com 差别,哪个更好?
Canva 架设网站!简单步骤一次上手!
【虚拟机推荐】Vmos Pro,支持安卓14,功能齐全,自带Root环境、Xposed等模块、谷歌全家桶!
如何新增 WooCommerce 商品描述的选项卡,加入更多商品资讯?
WordPress 修改后台登入网址,提升安防系统? (WPS Hide Login 教程)
如何设置 301 重定向?可用在网站流量搬家,保护你的 SEO 排名位置! (含 404 网址导向教程)
不要再用 GIF 了! Lottie 动画是什么?如何添加到 WordPress 网站? (Elementor & Divi 双示范)
如何从 WordPress.com 搬家到 WordPress.org? (完整教程)
如何自定义 WordPress 会员登入 / 注册页面表单,打造专属登入系统? (使用 Ultimate Member 插件)
WordPress Line Chat 浮动按钮:在网页加入 Line 即时聊天按钮(嵌入 QR Code)
WooCommerce 如何设置免运条件?如何依价格、重量自定义设置费用! (简单好用)
6 个 Blog 博客平台推荐,网站使用心得大公开(详细比较)!
预约网站设计:WordPress 网上预约系统+模板套用(建站宝典)
如何在 WordPress 网站嵌入 Google Map 谷歌地图,2 种方法介绍!
All In One WP Migration 搬家教學
如何在 WordPress 网站中加上页面加载动画?除了能够吸引客户的目光,也可以大幅降低离开网站的机率! (快速上手)
WooCommerce 订单出库:出货单明细+打印教程(Print Invoice & Delivery Notes 插件)
如何依照不同会员登入状态、使用者角色,自定义网页浏览权限? (使用 Ultimate Member 插件)
WooCommerce 会员快速登入+注册 / 社群分享 / 社群评论(FB & Google)如何用?
如何登录 WordPress 网站到 Google Search Web 管理员工具(网页登录)?
【WP Rocket 教学】强大 WordPress 快取外挂,提升网站速度超有感!
上传网站图片前,需要知道的 N 个流程? (加快网站速度须知)
如何搭建网站:完整网站形象设计+公司官网建置|Divi 主题教程
Contact Form 7 表单插件教程:免费设置 WordPress 联络表单(简单上手)
一键套用 1000+ 网页设计版型,轻松制作专业级网站(完全免费使用)
如何固定 WordPress 侧边栏 / 选单 / 按钮? (Q2W3 Fixed Widget 浮动插件教程)
如何设置 WordPress SMTP 发信+让信件顺利发送? ( WP Mail SMTP 插件教程)
10 个最棒的 WordPress 布景主题推荐,含方案费用+重点整理分享(2022)
如何还原+重置 WordPress 网站(含主题 / 插件还原),使用 WP Reset 教程!
如何将 Google Form 表单嵌入到 WordPress 网站? (简单快速)
如何将 IG 嵌入 WordPress 网页 / 侧边栏 / 页尾?(Instagram Feed 教程)