如果我将 sIFR 切换到 @font-face,我会感受到页面加载的性能提升吗?

发布于 2024-09-12 10:23:25 字数 290 浏览 8 评论 0原文

如果我将 sIFR 切换到 @font-face,我会感受到页面加载的性能提升吗?

我根据客户请求使用 sIFR 制作了一个网站,因为客户希望在主页标题和副标题等中使用他的徽标字体。

现在客户感觉网站加载速度很慢,因为主页本身有 20 个 sIFR 文本实例。

现在,如果我建议客户将 sIFR 更改为 @font-face 那么它会对页面速度产生明显的影响吗?

客户有自己的自定义字体,但 Google 字体库中不提供该字体,并且他还需要与 IE 6 至 8 兼容。

Will i feel any performance improvement in page load if i switch sIFR to @font-face?

I made a site on client request with a sIFR because client wanted to use his logo's font in Home Page heading and subheadings etc.

Now client feel site is slow to load because on homepage itself there are 20 instances of sIFR text.

Now if I suggest to client to change sIFR to @font-face then will it make a noticeable difference in page speed?

Client has his own custom font which is not available in Google font library and he need compatibility with IE 6 to 8 also.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甜心小果奶 2024-09-19 10:23:25

现在,如果我建议客户将 sIFR 更改为 @font-face 那么它会对页面速度产生明显的影响吗?

它可能会,因为 sIFR 脚本在加载后会替换页面上的视觉元素。页面加载时有时明显的闪烁将会消失。除此之外,很难预测该交换机是否能解决客户所谈论的性能问题。你可能需要尝试一下。

客户有自己的自定义字体,但 Google 字体库中没有该字体,并且他还需要与 IE 6 至 8 兼容。

这对我来说听起来像是一个单独的问题。最好的方法可能是为旧浏览器提供 sIFR,为新浏览器提供 font-face。

Now if I suggest to client to change sIFR to @font-face then will it make a noticeable difference in page speed?

It probably will, seeing as the sIFR script replaces visual elements on the page after loading. The sometimes noticeable flicker on page load will disappear. Other than that, it's hard to predict whether the switch will cure the performance problem your client is talking about. You may have to try it out.

Client has his own custom font which is not available in Google font library and he need compatibility with IE 6 to 8 also.

This sounds like a separate question to me. The best way might be serving sIFR to old browsers, and font-face to new ones.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文