FLIR:避免丑陋的页面加载

发布于 08-27 08:17 字数 374 浏览 13 评论 0原文

我正在构建一个广泛使用 FLIR 的网站,以允许使用非网络安全字体。然而,页面加载是一个丑陋的过程,因为首先加载每个字段的 HTML 文本版本,然后(几百毫秒后)它被其 FLIR 图像对应物取代。

有什么办法可以避免这种事情吗?几个小时后我就要向客户做演示,我知道这会引起人们的注意。我的情况有点与 这个问题 有关 sIFR,不是FLIR。有什么想法吗?

谢谢,

贾斯汀

I'm building a site that makes extensive use of FLIR to allow the use of non-websafe fonts. However, pageloads are an ugly process, as first the HTML text version of each field loads and then (a few hundred milliseconds later) it's replaced by its FLIR image counterpart.

Is there any way to avoid this sort of thing? I've got a client presentation in a few hours and I know it'll raise eyebrows. My situation is sort of related to this question which is in regards to sIFR, not FLIR. Any ideas?

Thanks,

Justin

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

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

发布评论

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

评论(2

甜中书2024-09-03 08:17:54

尝试将以下规则放入样式表中:

.flir-replaced{text-indent:-5000px;}
.flir-image{display:block;}

您可能需要修改其他与 FLIR 相关的 CSS 规则,以考虑到生成的图像现在与其各自父级的顶部垂直对齐的事实。

Try putting the following rules into your stylesheet:

.flir-replaced{text-indent:-5000px;}
.flir-image{display:block;}

You may have to modify your other FLIR-related CSS rules to account for the fact that the generated images are now vertically aligned to the top of their respective parents.

给不了的爱2024-09-03 08:17:54

自从我使用 FLIR 以来已经有一段时间了,但我记得有一种内部缓存方法,可以在加载时从缓存中提取而不是每次都生成它。

http://docs.facelift.mawhorter.net/configuration:settings

另外,您页面上不能同时显示太多内容。我发现 6 到 10 之间的性能最佳。

您使用共享主机吗?你的css/js压缩了吗?我发现初始加载有点慢,但生成图像后相当快。

It's been a while since I used FLIR, but I recall there was an internal caching method that would pull from cache on load instead of generate it each time.

http://docs.facelift.mawhorter.net/configuration:settings

Also, you can't have too many on the page at once. I found that between 6-10 were optimal for performance.

Are you on shared hosting? Is your css/js compressed? I found that the initial load was a little slow, but fairly quick after the images had been generated.

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