2012-12-10 2 views
0

보통 <body> 태그와이 때문에 웹 페이지에서 함께 <head>로드, 종종 웹 페이지가 무딘 보이는 웹 페이지에서로드 천천히 때로는 스타일 시트자바 스크립트 때문에 심지어 여러 번로드되지 않았습니다. 그래서 나는 헤드 태그에있는 내용을로드 할 로더를 찾고, 헤드 태그에 내용을로드 한 후 본문 내용을로드합니다.모든 소스 코드는 빠른 헤드 태그를로드

이 스크립트 같은 종류 또는 위에서 아래로 선형 <head> 태그 부하 처음

+2

은 CSS 및 JS 파일을 축소하여 파일 크기를 줄이고 'gzip'합니다. CSS와 JS 파일을 각각 하나의 단일 파일로 축소하십시오. –

답변

1

페이지를로드 할 수있는 다른 트릭입니다. 소스에서 링크 된 추가 자산을 검색합니다. 해당 애셋이 브라우저에 반환되는 순서는 소요되는 경로와 파일의 크기에 따라 다릅니다.

JS 파일이 다른 애셋의 동시로드를 차단할 수 있기 때문에 JS를 HEAD 섹션에서 연결하면 안됩니다. 대신 JS 파일 링크를 </body> 태그 바로 앞에 놓습니다.

CSS 파일의 경우 나머지 페이지를 표시하기 전에 CSS가 완전히로드되기를 기다리는 스크립트를 작성해야하지만이 방법은 단순히 인터넷의 작동 방식이므로 반대하는 것이 좋습니다. . 걱정되는 '둔한 표정'은 인터넷을 사용하는 다른 사람에게는 아무런 관심도 없습니다.

관련 문제