Qiniu, OSS, Youpai 등 함께 서비스할 작은 파일 저장소 + CDN을 구입하려면 돈을 쓰세요...
더 복잡하고 비트 임계값이 있으며 특정 애플리케이션 시나리오에 적합한지 여부에 따라 다릅니다.
Zhihu의 유사한 지연 로딩 효과를 사용하는 것을 고려해보세요. 하지만 전통적인 지연 로딩 경험보다 훨씬 낫습니다. 스타일이 풍부하고 논리에 따라 이미지 크기를 분할합니다(또는 CDN 서비스의 API를 사용하여 매개변수를 변경합니다). , 기본 로딩은 작은 이미지이고, 그런 다음 전환 효과를 사용하여 큰 이미지를 로드합니다.
효과는 이 링크를 참조하세요: https://zhuanlan.zhihu.com/p/... 작은 사진: https://pic2.zhimg.com/v2-bf1... 큰 사진: https: // pic2.zhimg.com/v2-bf1...
Google의 webp와 같은 새로운 이미지 형식을 고려해보세요. 손실 압축은 jpg보다 약 30% 더 작은 것으로 추정되며, 무손실 압축은 jpg보다 약 60% 더 작은 것으로 추정됩니다. Tencent가 자체 개발한 최신 형식인 TPG도 있습니다. , 지난 이틀간 소개해드린 하늘 위를 날아다니는
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
미리로드를 사용할 수 있습니다. 방문만 하면 로드됩니다
가능한 경우 사진에는 webp 또는tinyPNG를 사용하세요.
캐러셀 구성요소의 실제 크기에 맞게 크기를 조정하거나 다른 썸네일을 만드세요.
CDN;
http/1.x가 http/2로 업그레이드되었습니다.
localStorage에 로컬로 캐시, 형식은 base64, 만료 다시 로드 메커니즘 설정
...
생각나면 추가할게요
간단하고 빠르며 임계값이 없는 방법:
서버에서 직접 gzip 압축을 구성하세요
Qiniu, OSS, Youpai 등 함께 서비스할 작은 파일 저장소 + CDN을 구입하려면 돈을 쓰세요...
더 복잡하고 비트 임계값이 있으며 특정 애플리케이션 시나리오에 적합한지 여부에 따라 다릅니다.
Zhihu의 유사한 지연 로딩 효과를 사용하는 것을 고려해보세요. 하지만 전통적인 지연 로딩 경험보다 훨씬 낫습니다. 스타일이 풍부하고 논리에 따라 이미지 크기를 분할합니다(또는 CDN 서비스의 API를 사용하여 매개변수를 변경합니다). , 기본 로딩은 작은 이미지이고, 그런 다음 전환 효과를 사용하여 큰 이미지를 로드합니다.
효과는 이 링크를 참조하세요: https://zhuanlan.zhihu.com/p/...
작은 사진: https://pic2.zhimg.com/v2-bf1...
큰 사진: https: // pic2.zhimg.com/v2-bf1...
입니다.Google의 webp와 같은 새로운 이미지 형식을 고려해보세요. 손실 압축은 jpg보다 약 30% 더 작은 것으로 추정되며, 무손실 압축은 jpg보다 약 60% 더 작은 것으로 추정됩니다. Tencent가 자체 개발한 최신 형식인 TPG도 있습니다. , 지난 이틀간 소개해드린 하늘 위를 날아다니는
워킹 데드 팔로우 워킹 데드