FLIR : 못생긴 페이지로드 방지

Question

웹 사이트가 아닌 글꼴을 사용할 수 있도록 FLIR을 광범위하게 사용하는 사이트를 만들고 있습니다. 그러나 페이지로드는 처음에는 각 필드의 HTML 텍스트 버전이로드되고 나서 (몇 백 밀리 초 후에) FLIR 이미지로 대체됩니다.

이런 종류의 문제를 피할 수있는 방법이 있습니까? 나는 몇 시간 안에 클라이언트 프리젠 테이션을 얻었고 눈썹을 펴는 것을 알았습니다. 내 상황은 FLIR이 아니라 sIFR과 관련하여 this question과 관련이 있습니다. 어떤 아이디어?

감사합니다,

저스틴

Answer 1

스타일 시트에 다음과 같은 규칙을 넣어보십시오 :

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

당신은 생성 된 이미지는 이제 수직의 상단에 정렬되어 있다는 사실을 고려하여 다른 FLIR 관련 CSS 규칙을 수정해야 할 수도 있습니다

자신의 각 부모.

Answer 2

은 내가 FLIR를 사용하기 때문에 오랜만이야,하지만 난 부하에 캐시에서 끌어 대신 그것을마다 생성 할 내부 캐싱 방법이 있었다 기억합니다.

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

또한, 한 번에 페이지에 너무 많은 수 없습니다. 6 ~ 10 점이 성능면에서 최적이라는 것을 알았습니다.

공유 호스팅을 사용하고 있습니까? css/js가 압축되어 있습니까? 이미지가 생성 된 후 초기로드가 약간 느리지 만 상당히 빠름을 발견했습니다.