gpt4 book ai didi

css - 考虑到页面加载时间,使用本地字体文件或谷歌网络字体哪个更有效?

转载 作者:技术小花猫 更新时间:2023-10-29 11:07:51 24 4
gpt4 key购买 nike

我在我的网站上使用自定义字体。我可以使用本地字体文件:

src: local('Ubuntu'), url('fonts/ubuntu.woff') format('woff');

或者只使用谷歌的:

src: local('Ubuntu'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff') format('woff');

考虑到页面加载时间,哪个更快?

最佳答案

我设置了一个包含两个测试页面的 GAE 应用程序,一个使用 Google Web 字体,一个使用本地文件。我确保没有缓存并记录每个页面加载所花费的时间。这在 Chrome 上重复了 20 次。

结果

  • 平均加载时间(Google Web 字体):486.85 毫秒
  • 平均加载时间(本地文件):563.35 毫秒

enter image description here

代码

fonts-google.html

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link href='both.css' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>This is a heading</h1>
</body>
</html>

fonts-local.html

<!DOCTYPE html>
<html>
<head>
<title>title</title>
<link href='fonts-local.css' rel='stylesheet' type='text/css'>
<link href='both.css' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>This is a heading</h1>
</body>
</html>

fonts-local.css

@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: normal;
src: local('Ubuntu'), url('ubuntu.woff') format('woff');
}

两个.css

h1 {
font-family: 'Ubuntu';
}

关于css - 考虑到页面加载时间,使用本地字体文件或谷歌网络字体哪个更有效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9859118/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com