php - 网站轮播图如何加载速度快
给我你的怀抱
给我你的怀抱 2017-05-16 12:59:36
0
4
635

进入首页 首页的轮播图6张 是从数据库里面读取地址加载出来的 打开时候需要加载很久 请问有什么方法吗 排除懒加载 图片已经进行过压缩

给我你的怀抱
给我你的怀抱

모든 응답(4)
巴扎黑

미리로드를 사용할 수 있습니다. 방문만 하면 로드됩니다

黄舟
  1. 가능한 경우 사진에는 webp 또는tinyPNG를 사용하세요.

  2. 캐러셀 구성요소의 실제 크기에 맞게 크기를 조정하거나 다른 썸네일을 만드세요.

  3. CDN;

  4. http/1.x가 http/2로 업그레이드되었습니다.

  5. localStorage에 로컬로 캐시, 형식은 base64, 만료 다시 로드 메커니즘 설정
    ...

생각나면 추가할게요

阿神

간단하고 빠르며 임계값이 없는 방법:

  1. 서버에서 직접 gzip 압축을 구성하세요

  2. Qiniu, OSS, Youpai 등 함께 서비스할 작은 파일 저장소 + CDN을 구입하려면 돈을 쓰세요...

더 복잡하고 비트 임계값이 있으며 특정 애플리케이션 시나리오에 적합한지 여부에 따라 다릅니다.

  1. Zhihu의 유사한 지연 로딩 효과를 사용하는 것을 고려해보세요. 하지만 전통적인 지연 로딩 경험보다 훨씬 낫습니다. 스타일이 풍부하고 논리에 따라 이미지 크기를 분할합니다(또는 CDN 서비스의 API를 사용하여 매개변수를 변경합니다). , 기본 로딩은 작은 이미지이고, 그런 다음 전환 효과를 사용하여 큰 이미지를 로드합니다.

효과는 이 링크를 참조하세요: https://zhuanlan.zhihu.com/p/...
작은 사진: https://pic2.zhimg.com/v2-bf1...
큰 사진: https: // pic2.zhimg.com/v2-bf1...

  1. Google의 webp와 같은 새로운 이미지 형식을 고려해보세요. 손실 압축은 jpg보다 약 30% 더 작은 것으로 추정되며, 무손실 압축은 jpg보다 약 60% 더 작은 것으로 추정됩니다. Tencent가 자체 개발한 최신 형식인 TPG도 있습니다. , 지난 이틀간 소개해드린 하늘 위를 날아다니는

입니다.
巴扎黑

워킹 데드 팔로우 워킹 데드

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!