-
브라우저에 URL을 입력하거나 다른 곳의 링크에서 웹페이지를 열 때부터 전체 웹페이지가 로드될 때까지 이 과정에서 브라우저는 어떤 파일을 로드하게 될까요? 먼저 웹페이지의 어떤 부분이 구성되어 있는지 살펴보겠습니다. 의, 1. 2. 웹문서는 웹페이지에 표시되는 텍스트이다. 그림은 웹 페이지에 표시되는 그림입니다. 3. 개체. 플래시, 플러그인 비디오 등과 같은 개체 요소입니다. 4. 스크립트입니다. . 이것은 주로 웹 페이지의 표시 효과를 제어하는 js 파일, 5, 스타일 시트입니다.
그러면 웹 페이지 파일이 클수록 브라우저가 서버에서 페이지를 다운로드하여 표시하는 데 시간이 더 오래 걸립니다. 이는 웹사이트 SEO에 매우 좋지 않습니다. 특정 콘텐츠에 대해서는 SEM의 "웹페이지 로딩 속도가 SEO 효과에 미치는 영향"을 참조하세요. 이 기사는 일부 웹사이트 자체가 CMS의 영향을 받을 수도 있습니다. 서버로 인해 발생합니다. 브라우저의 상태 표시줄은 항상 요청 상태입니다. 따라서 웹사이트의 경우 전체 파일 크기에는 위에서 언급한 내용과 html, 외부 CSS, 외부 자바스크립트, 웹페이지에 있는 이미지, 사운드, 동영상, 플래시 등 일부 파일의 크기가 포함됩니다. 이들 파일 중 HTML, CSS, Javascript는 모두 텍스트 파일입니다. 이러한 파일은 웹 페이지를 작성한 후에 포맷할 수 있습니다. 그러나 최신 웹 서버에는 관리자가 설정할 수 있는 텍스트 압축 기능이 있습니다.
그러나 이미지, 사운드, 동영상, 플래시 등의 파일은 웹사이트의 큰 부분을 차지하며, 이러한 파일은 텍스트 파일보다 훨씬 크기 때문에 웹사이트 오픈 과정에서 다운로드 속도에 영향을 미치는 중요한 요소입니다.
국내 B2C몰 홈페이지 크기입니다.
타오바오 홈페이지 크기입니다
163 홈 페이지 크기는 포털 사이트와 비교하여 쇼핑몰 사이트 페이지가 실제로 상대적으로 큽니다. 위의 사진은 웹페이지의 크기를 확인하는 기능이 있는 Firefox의 플러그인입니다. 이 도구는 웹사이트의 기술적 분석에 매우 유용합니다. 웹사이트의 기본 코드 분석, 경쟁사의 웹사이트 분석 등 많은 SEO가 필요합니다.
일반적인 상황에서 각 페이지의 적절한 크기는 얼마입니까? 전문가라고 불리는 사람들도 이 문제에 대해 일반적으로 동의하지 않습니다. 웹 사이트에 전문가 수준의 그래픽이 필요한 경우 오늘날과 같은 "20k 규칙"을 준수하는 것은 불가능합니다. 전자상거래 쇼핑몰에서는 사진 처리 효과와 판매 수수료 느낌이 다릅니다. 예를 들어 일부 웹사이트에서는 특별한 주제를 만드는데, 대부분은 사진입니다. 이때 페이지를 디자인할 때 큰 사진을 잘라낼 수 있습니다. 국내 문바스몰과 같은 작은 부분은 특별한 주제임에도 불구하고 큰 그림을 여러 개의 작은 부분으로 나누어 사용자가 웹 페이지를 열 때 웹 페이지가 더 빨리 로드되고 웹 사이트 열기 속도가 빨라집니다. 사용자에게 큰 영향을 미칠 것입니다. 웹사이트가 매우 느리게 열리면 일반적으로 얼마나 오래 기다리나요? 사용자가 너무 오래 기다리지 않도록 하세요. 그렇지 않으면 잠재 사용자나 주문을 잃게 됩니다.
그렇다면 웹사이트의 웹페이지에서 체중 감량을 위해 할 수 있는 가장 좋은 일은 무엇입니까?
1. 대부분의 CSS 스타일시트와 자바스크립트 파일을 웹페이지의 외부 파일에 넣어서 별도의 파일로 작성하고, 로딩 전 웹사이트를 처음 열 때 이들 파일만 참조합니다. 그러면 웹 사이트의 모든 페이지에서 해당 파일을 다시 다운로드할 필요 없이 재사용할 수 있습니다. 이러한 파일은 그다지 크지 않을 수 있지만 새 페이지를 열 때마다 로드해야 하는 경우에도 사용자 대역폭을 절약할 수 있습니다.
2. 가능하다면 여러 페이지에서 그래픽, 오디오, 비디오를 사용해 보십시오. 이러한 파일은 처음 사용될 때도 로드됩니다.
3. 불필요한 그림, 애니메이션, 사운드를 사용하지 마세요. 실용성을 위해서든, 웹사이트의 아름다움을 높이기 위해서든, 각 파일에는 그 존재 이유가 있어야 합니다. 제거할 수 있습니다.
4. 동일한 상황에서는 작은 사진이 더 빨리 다운로드되므로 큰 사진 대신 작은 사진을 사용하십시오. 사진 픽셀에 대한 요구 사항이 높지 않은 경우 gif 형식의 사진을 사용할 수 있습니다. 큰 이미지를 배경으로 사용하는 대신 배경 이미지를 작은 크기로 반복할 수 있습니다. 예를 들어, 일부 쇼핑몰 웹사이트에서는 주제별 페이지의 이미지를 작은 크기의 이미지로 잘라서 열기 속도를 높일 수 있습니다. 웹페이지.
5. 다른 이미지를 다운로드해야 하므로 탐색 버튼에서 반전 효과를 위한 이미지 사용을 최소화합니다. 반대로 텍스트 링크를 사용하는 경우 CSS를 사용하여 반전을 제어하면 동일한 효과를 얻을 수 있습니다.
위 내용은 기본적으로 웹페이지 크기에 영향을 미치는 관련 요소를 나열한 것입니다. 아직 발견되지 않은 요소도 있을 수 있습니다. 웹페이지 최적화에 영향을 미치는 요소를 더 많이 알아내시기 바랍니다.
저자 정보: Liu Yunwei의 블로그
기여해 주셔서 감사합니다.