LiteSpeed Cache v5.0 לאתרי וורדפרס שוחרר לפעילות שוטפת ויחד איתו מגיע שירות QUIC.cloud חדש: Viewport Images, הידוע גם בשם VPI. שירות VPI מצטרף לשירותי האופטימיזציה האחרים של QUIC.cloud לאתרי וורדפרס: Critical CSS (CCSS), Unique CSS (UCSS), Image Placeholders באיכות נמוכה (LQIP) ואופטימיזציית תמונה. שירות Viewport Images הינו דרך לשפר את חווית המשתמש באתרים המשתמשים בטכנולוגיית Lazy Loading.

באתרים בהם פועלת עבור תמונות טכנולוגיית Lazy Load Images, התצוגה של כל תמונה מתעכבת עד שהמשתמש גולל למיקום התמונה והתמונה נטענת לדף תוך כדי הצגתה. שיטה זו חוסכת רוחב פס ומשפרת את מהירות הטעינה של הדף. הפגם בטכנולוגיית Lazy Loading הינה בטיפול בתמונות מעל הקפל (above-the-fold). במסך הראשון של התוכן עשויות להופיע תיבות אפורות היכן שהתמונות צריכות להיות, כל עוד נדרש שאר הדף נטען בדפדפן. הדבר עלול שלא לתת למשתמש את הרושם הראשוני הטוב ביותר אודות הדף אליו נכנס. פלאגין LiteSpeed Cache כבר סיפק כמה דרכים שימושיות להתמודד עם פגם זה: Responsive Placeholder מאפשר לשנות את צבע Responsive Placeholder מאפור למשהו שמתאים יותר לעיצוב האתר כמו תיבות ירוקות חיוורות למשל. LQIP Cloud Generator מאפשר להחליף את מצייני המיקום בצבע אחיד בגרסאות טעינה מהירה מטושטשות במיוחד של התמונות המקוריות. אפשרויות אלו נותרו ברות קיימא, אך יעברו מספר רגעים עד שכל התוכן ייטען, כאשר מצייני המיקום עבור התמונות עדיין מוצגים למשתמש. לא משנה עד כמה מצייני המיקום הללו יהיו נחמדים, זה עדיין אומר שהדף עשוי להיראות חלקי.

כפתרון מושלם, כל התמונות ייטענו ב- Lazy Loading למעט אלו שכבר נמצאות בנקודת התצוגה כאשר הדף נטען בתחילה, כלומר שטעינת הדף לא תכלול את התמונות בנקודת בתצוגה ב- Lazy Loading. זה מה ש-VPI עושה. שירות VPI בוחן כתובת URL וקובע אילו תמונות נראות על מסך 1300×900 פיקסלים עבור תצוגות שולחן העבודה, ואילו תמונות גלויות במסך 480×800 עבור תצוגות ניידות. לאחר מכן השירות מחזיר רשימה של תמונות אלו לפלאגין LiteSpeed אשר מוציא אותן מ- Lazy Loading בפעם הבאה שהיא מאחסנת את כתובת האתר הזו במטמון. התוצאה היא דף שמוצג במלואו מעל הקפל, בעוד שכל תמונה מתחת לקפל ממשיכה להתנהג כמו קודם. האתר שומר על ציון גבוה של מהירות טעינה, בעוד שמשתמשי האתר שלך נהנים ממסך ראשון מלא בתוכן.

Close Menu