מה השימוש בטעינה מראש של דפי אינטרנט? אחזור מראש של דף אינטרנט טען מראש טכנולוגיית instant.page

מהירות טעינת דפי אינטרנט תשפיע על שלךמסחר אלקטרוניאתר במנוע החיפושקידום אתריםדירוג.

מהי טעינת דף אינטרנט מראש?

יש טכניקה שנקראת prefetch שהיא למעשה טכניקת preload.

• כאשר משתמש מבקר בכוונה בדף, הדפדפן טוען מראש את הדף.
• כאשר המשתמש ממש לוחץ על הקישור, המשתמש קורא ישירות את תוכן העמוד מהמטמון הנטען מראש ומצמצם את זמן טעינת העמוד.
• אמזון ואחרות גילו שזמן השהייה של 100 מילישניות מהווה 1% מהמכירות, אך קשה להתגבר על השהייה באינטרנט.

אחזר מראש דף אינטרנטמה התועלת בטעינה מוקדמת?

instant.page משתמש בטעינה מיידית מראש - הוא טוען מראש את הדף לפני שהמשתמש לוחץ ▼

• לפני שהמשתמש לוחץ על הקישור, הוא מרחף מעל הקישור.
• כאשר המשתמש מרחף במשך 65ms, תהיה לו הזדמנות ללחוץ על הקישור, כך ש-instant.page מתחיל להיטען מראש בשלב זה, בממוצע של מעל 300ms לטעינה מראש של הדף.
• במכשירים ניידים, משתמשים מתחילים לגעת בתצוגה שלהם לפני השחרור, ולוקח בממוצע 90 אלפיות השנייה כדי לטעון מראש את הדף.

אחזור מראש גורם לדפי אינטרנט להיטען מהר יותר

• למוח האנושי לוקח פחות מ-100 אלפיות שניות כדי לתפוס פעולה מיידית.
• לכן, טכנולוגיית טעינה מוקדמת של instant.page יכולה לגרום לאתר שלך להרגיש מיידי אפילו ב-3G (בהנחה שמהירות עיבוד הדף שלך מהירה).

כיצד לפתור את הטעינה האיטית של דפי אינטרנט?

דפים נטענים מראש רק כאשר יש סבירות גבוהה שהמשתמש יבקר בהם, וזה רק טוען מראש את ה-HTML עבור אותו עמוד, תוך כיבוד רוחב הפס וה-CPU של המשתמש והשרת.

• הוא משתמש במאזינים פסיביים לאירועים כדי לשמור על הדפים שלך חלקים.
• הוא אינו נטען מראש כאשר המשתמש מאפשר הגנת נתונים (נכון לגרסה 1.2.2).
• זה 1 קילובייט ונטען אחרי כל השאר.זה בחינם וקוד פתוח (רישיון MIT).

מהי ההשפעה של טעינת דף אינטרנט מראש של instant.page?

לאחר בדיקת הוספת קוד instant.page, השיפור במהירות הגישה לאתר עדיין גדול יחסית.

• כברירת מחדל, הוא יסנן כדי לטעון מראש רק קישורים לאתר זה ולא יטען קישורים מאתרים אחרים.
• כאשר העכבר לוחץ על קישור המאמר בצד שמאל במשך יותר מ-65 אלפיות השנייה, הרשת תטען מראש את דף המאמר.
• בעת ריחוף של פחות מ-65ms, טעינה מוקדמת לא מבוצעת (חלק אדום)▼

שימוש ב-instant.page יגדיל משמעותית את ה-PV ונפח הבקשות של האתר שלך:

• חבר אמר שמספר הביקורים הממוצע שלו לביקור היה 13.84.
• לאחר השימוש, מספר הביקורים לנפש עלה ל-17.43, מה שמקביל לפתיחת 4 דפים נוספים לאדם.

הערה:

• יש לציין שבלוגרים המשתמשים ב-CDN בתשלום וב-CDN פתוחים באתר מלא צריכים לעשות זאת בזהירות.
• אבל אל דאגה, טעינה מוקדמת רק דפי HTML, תמונות וקבצים אחרים לא, כך שלא יהיה הרבה אובדן תעבורה.

כיצד להשתמש בטכנולוגיית טעינת דפי אינטרנט מראש?

למעשה, יש תכונה rel בתגית הקישור של html5, שאחת מהן היא אחזור מראש, אבל מספר הצרכנים קטן.

ה-instant.page שהוצג במאמר זה הוא סקריפט המשתמש בטכניקה זו.

• סקריפט זה ישפוט על סמך כמה זמן המשתמש יעביר את העכבר מעל הקישור.
• כאשר הוא מגיע ל-65ms, למשתמש יש חצי סיכוי לפתוח את הקישור ו-Instant.page טוען מראש את הדף הזה.

קוד סקריפט JS טען מראש של דף אינטרנט

1) ספק רשמית סקריפטים של JS עם האצת Cloudflare▼

השימוש ב-instant.page הוא פשוט מאוד, פשוט הוסף את הקוד הבא לאתר שלךרגע לפני התווית.

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>

2) חופש מארח עצמיצ'ן וייליאנגהצעה▼

• הסקריפט נמצא בשרת, Instantclick-1.2.2.js, כך שאתה לא צריך לדאוג להאט את הקצב. 

אנא הוסף את הקוד הבא לאתר שלךרגע לפני התווית:

<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>