2017-10-30 16 views
-1

로드 중 페이지 디스플레이베어 (아니 CSS 스타일) CSS없이로드

우리의 웹 사이트는 처음에 적절한 CSS 스타일없이로드 할 것 같다. 완벽하게 양식화 된 웹 사이트가 나타나기까지 몇 초가 걸립니다. 이런 일이 발생하는 일반적인 이유가 있습니까? 우리는 phpBB에서 가장 중요한 테마 팩을 다시 설치했으며 몇 번이나 웹 사이트 캐시를 지웠습니다. 아무도 모른다고 확신 할 수는 없지만 처음에는 전문가가 아닌 '베어 본 (barebones)'을로드하는 웹 사이트에 대해 뭔가가 있습니다.

감사합니다.

+0

https://stackoverflow.com/questions/3221561/eliminate-flash-of-unstyled-content – Morpheus

+1

첫 번째 : 사용자에게 유용하기 때문에 프리 로더를 웹 사이트에 사용해야합니다. 둘째 : 귀하의 웹 사이트를 최적화하십시오. –

답변

0

phpBB 함께 할 수 없을 수도 있지만 "flash of unstyled content"에 대한 최상의 솔루션은 웹 페이지의 머리에 <style> 블록에서 critical path CSS 인라인을 포함하는 것입니다. 이 스타일은 페이지가로드되는 즉시 적용됩니다. 이렇게하면 다른 외부 CSS 또는 Javascript 파일을 기다리는 동안 페이지가보기 흉하게 보입니다. 어떤 스타일이 중요한지 알려주는 온라인 Critical Path CSS Generator tool이 있습니다.

또한 CSS는 Javascript 앞에 와야합니다. 스크립트는 스타일을 포함하여 나머지 페이지로드를 차단합니다.

Web Page Test과 같은 도구를 사용하면 페이지 로딩 속도를 늦출 수 있습니다.

앞서 언급 한 것처럼 모든 방법이로드 될 때까지 페이지를 보이지 않게 만드는 것이 해결책이지만 너무 전문적이지 않은 것처럼 보입니다.