깃허브 페이지 이미지 로딩 버벅임(html css js)

이미지 로딩 속도에 영향을 미치는 여러 요인들이 있어요. 다음은 이를 개선하는 몇가지 방법들입니다: 1. **이미지 최적화**: 이미지 사이즈에 따라 로딩 속도가 달라집니다. 큰 파일일수록 로딩 시간이 길어져서 사용자 환경에 부정적인 영향을 미칠 수 있습니다. 그래서 가능하다면 이미지 크기를 줄이세요. 이 작업은 Photoshop과 같은 툴을 통해 수동으로 할 수도 있고, `imagemin` 과 같은 자동화 도구를 사용할 수도 있습니다. 2. **CDN 사용**: Content Delivery Network (CDN) 은 지리적으로 분산된 서버 네트워크로, 사용자에게 웹 콘텐츠를 보다 빨리 전달합니다. 이미지와 같은 정적 자원들이 CDN에서 호스팅되면, 사용자의 페이지 로딩 시간이 크게 감소하게 됩니다. 3. **캐싱**: 캐싱은 웹사이트의 로딩 시간을 많이 줄일 수 있는 훌륭한 방법입니다. 브라우저는 한 번 캐싱된 리소스를 저장해 두었다가 나중에 해당 페이지를 다시 방문할 때 해당 리소스를 재사용합니다. 이렇게 하면 서버와의 통신을 줄일 수 있습니다. 4. **Lazy loading**: 이 기술은 페이지 또는 이미지가 필요할 때까지 로딩을 지연시킵니다. 예를 들어 웹페이지를 처음 방문할 때 화면에 바로 보이지 않는 이미지들은 로딩을 지연시켜서, 사용자에게 더 중요한 콘텐츠들이 먼저 로드되도록 할 수 있습니다. 위의 방법들 중 하나 혹은 그 이상을 적용해보세요!