UniAPP?? ? ????? ???? ??? ??? ? ? ?????

UniAPP?? ? ????? ???? ????? ?? ??? ??? ??????? ??? ??? ? ?????. ????? ?????? ? ?? ?????.

1. ??? ?? : ??? ??? ??? ?? ??? ??? ?? ?? ??? ????. UNIAPP? ???? ????? ???? ?? ???? ???? ?? ?? ? ??? ??? ??? ?? ?? ? ?????? ?????.
2. ?? ? ??? : mode ??? ?? UniAPP? image ?? ??? ???? ?? ???? ???? ???? ?????????. srcset ??? ???? ???? ?? ??? ???? ?? ??? ??? ???? ???? ??? ??? ??? ? ??????.
3. ????? : ???? ?????? ???? ???? ???? ??? ?? ?????? ? ? ????. ? ??? ?? ????? ??? ?? ??? ???? ?????.
4. ?? : ???? ??? ???? ???? ??? ???? ??? ?????. ??? ?? ??? ???? UNIAPP?? ?? ? ??? ???? ???? ? ???? ? ? ????.
5. ?? ??? : ??? ??? ??? ???? ??? ? ??? ? ? ????. Webp? ?? ??? JPEG ?? PNG? ?? ?? ??? ?? ??? ??? ?????. UNIAPP? ?? ??? ???? ? ??? ??? Webp? ?????.

??? ??? ???? UNIAPP ?? ????? ? ??? ?? ???? ? ????.

?? ??? ????? ?? UNIAPP?? ???? ?????? ?? ??? ??????

UNIAPP?? ????? ???? ???? ?? ??? ??? ??? ??? ?? ? ? ????. ?? ??? ??? ????.

1. ??? ?? ?? : TinypNG, ImageOptim ?? Squoosh? ?? ??? ?? ?? ???? ??????. ? ??? ???? UniAPP ????? ????? ?? ???? ???? ? ??? ? ????.
2. ??? ? ?? ?? : ??? ?? ??? ? ?? ??? ??????. ??? ??? ??? ??? ????? ?? ???? ?? ??? ?? ?? ????. ??? ?? ?? ?? (? : JPEG)? ?? ? ??? ?? ????? ??? ?? ??? ?? (? : PNG)? ? ?? ? ????.
3. ?? ??? : image-webpack-loader ? ?? ????? ?? ? ?? ?? ?? ??? ???? UniAPP ????? ?? ???? ?? ????? ???????.
4. ?? ??? ?? ??? : ?? ? ???? srcset ??? ???? ?? ??? ??? ??? ???? ??????. ?? ?? ??? ??? ???? ????? ? ???? ?????? ??????.
5. ???? ? ?? : ?? ????? ??? ????? ?????? ??? ?? ?? ??? ??????. Google Pagespeed Insight? ?? ??? ???? ??? ??? ??? ??? ?? ??? ???? ???? ???? ? ??????.

??? ?? ??? ??? UniAPP? ???? ????? ???? ?? ??? ??? ??? ? ????.

UNIAPP?? ???? ?????? ??? ? ?? ? ??? ??????

UNIAPP?? ???? ?????? ?? ?? ???? ? ?? ? ??? ?? ?????.

1. ???? ?? ?? : ???? ???? ??? ?? ???????? ?? ????? ??? ?? ???. ?? ????? ???? ????? ?? ?? ?????? ? ??? ??? ??? ?? ??? ???? ?? ????? ? ?? ?? ??? ? ??? ?????.
2. ??? ?? : ?????? ?? ??? ??? ???? ??? ???? ???? ???? ? ??????. ???? ? ??? ??? ? ?????? ?? ??? ??? ?? ???.
3. ??? ??? ?? : ???? ? ?? ?? ???????? ????? ?? ??? ?? ??? ? ???? ??? ? ??? ?????. ?? ???? ??? ?? ??? ??? ??? ?? ? ????.
4. ? ?? ??? ?? : ????? ?? ??????? ??? ?? ? ??? ???? ?????? ????? ?? ? ? ????. ?? ?? ????? ??? ?? ? ? ???, ?? ?? ??? ??? ???? ? ?? ??? ?? ? ? ????.

UNIAPP?? ?????? ????? image ?? ??? lazy-load ??? ??? ? ????. ?? ??:

 <code class="html"><image src="placeholder.jpg" data-src="actual-image.jpg" lazy-load></image></code>

? ??? ???? ??? ????????? ? ?? ??? ?????.

UnIAPP?? Webp Format? ???? ??? ?? ??? ???? ? ??? ??? ??????

?, UniAPP?? ? ? ??? ???? ??? ?? ???? ?? ??? ?? ??? ?? ? ? ????. Webp? ????? JPEG ? PNG?? ? ?? ??? ????? ?? ??? ???? ?? ?? ??? ????. Webp? ?? ??? ????? ??? ??? ????.

1. ? ?? ?? ?? : Webp Images? ?? JPEG ?? PNG ???? ??? ???? ? ?? ???? ? ??? ???? ???? ??? ?? ???.
2. ? ?? ??? ?? : Webp? ?? ? ??? ??? ?? ????? ? ?? ?? ??? ??? ???? ?? ? ? ????. ??? ??? ??? ??? ? ??????? ?? ?????.
3. ???? ???? ?? : ???? ?? ????? ?? ????? ??? ????? ???? ?????.

UNIAPP?? ?? ????? ??? ?? ? ? ????.

1. ??? ?? Webp : Google? CWEBP ?? ??? ???? ?? ??? ???? ???? ?p ???? ?????.
2. Webp ??? ?? : UniAPP ?????? image ?? ??? ???? src ??? ?P ???? ??????. ?? ??:

 <code class="html"><image src="image.webp"></image></code>

3. ? ?? ????? ?? : ???? ???? ?? srcset ??? ???? JPEG ?? PNG? ???? ?? ???? ??? ?? ???? ?? ? ? ????.

 <code class="html"><image src="image.jpg" srcset="image.webp 1x, image.jpg 1x"></image></code>

UNIAPP ?????? ?? ???? ?? ??? ???? ?????? ??? ???? ? ????.

? ??? UniAPP?? ? ????? ???? ??? ??? ? ? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!