ပုံများသည် ဝက်ဘ်ဆိုဒ်၏ အလေးဆုံး အစိတ်အပိုင်းများထဲမှ တစ်ခုဖြစ်သည်။ CalmOffice တွင် ပုံများကို အကောင်းဆုံးဖြစ်အောင် ပြုလုပ်နည်းကို ဖော်ပြထားပါတယ်။
ပုံအရွယ်အစား လျှော့ချခြင်း
Jekyll အတွက် jekyll-optimize-images သို့မဟုတ် imagemin ကဲ့သို့သော plugin များကို အသုံးပြု၍ build လုပ်စဉ်တွင် ပုံများကို အလိုအလျောက် compress လုပ်နိုင်ပါသည်။
Lazy Load အသုံးပြုခြင်း
ပုံများကို စာမျက်နှာပေါ်သို့ ရောက်မှသာ ပေါ်လာစေရန် (lazy load) အတွက် အောက်ပါ attribute ကို သင်၏ <img> tag တွင် ထည့်ပါ။
loading="lazy"