מצגת מתוך וורדקמפ ישראל 2016 - קייסטאדי על שיפור מהירות ויעילות אתר וורדפרס

1. ‫סטאדי‬ ‫קייס‬-‫אתר‬ ‫מהירות‬
‫ב‬ ‫אתר‬ ‫של‬ ‫טעינה‬ ‫זמן‬ ‫שיפרנו‬ ‫איך‬70%
www.hayde.co.il
077-9555191

2. ‫הבעיה‬
‫אתר‬‫פופולרי‬‫כ‬ ‫עם‬ ‫בתחומו‬100,000‫גבוה‬ ‫טעינה‬ ‫מזמן‬ ‫סובל‬ ‫בחודש‬ ‫יוניקים‬,
‫נמוכים‬ ‫ביצועים‬,‫הרבה‬ ‫נתקע‬,‫בגלל‬ ‫ליפול‬ ‫מרבה‬‫המערכת‬ ‫על‬ ‫עומס‬.
•‫של‬ ‫טעינה‬ ‫זמן‬10‫הטוב‬ ‫במקרה‬ ‫שניות‬–15-20‫בממוצע‬ ‫שניות‬.
•‫של‬ ‫בנפח‬ ‫ראשי‬ ‫עמוד‬4.2‫מגה‬.
•303‫ריקווסטים‬
•‫שרת‬VPS‫טוב‬ ‫מוגדר‬ ‫ישראלי‬.
•‫תבנית‬WP‫מעודכנת‬ ‫פופולרית‬.
:‫פתיחה‬ ‫נתוני‬
www.hayde.co.il
077-9555191

3. ‫המטרה‬
‫ל‬ ‫הטעינה‬ ‫זמן‬ ‫את‬ ‫להוריד‬3‫בממוצע‬ ‫שניות‬
‫הבדיקה‬ ‫כלי‬:
•GTmetrix–‫עמוד‬ ‫טעינת‬ ‫ביצועי‬
•PingDom–‫תמונות‬ ‫כמו‬ ‫אלמנטים‬ ‫של‬ ‫בדיקה‬,‫ועוד‬ ‫סקריפטים‬ ‫טעינת‬
•Google Insights–‫צמצומי‬ ‫על‬ ‫המלצות‬CSS‫ו‬JS.
‫הבעייתיות‬ ‫הנקודות‬ ‫את‬ ‫מהכלים‬ ‫אחד‬ ‫מכל‬ ‫לוקחים‬.www.hayde.co.il
077-9555191

4. •‫תמונות‬‫מעל‬ ‫ששוקלות‬‫חצי‬‫של‬ ‫וממוצע‬ ‫מגה‬300KB‫לתמונה‬.‫יש‬ ‫פוסט‬ ‫בכל‬10-15‫תמונות‬!!!
•‫פתרון‬:‫התמונות‬ ‫גודל‬ ‫צמצום‬–‫תמונות‬ ‫עשרות‬ ‫יש‬ ‫בעצמו‬ ‫הבית‬ ‫בעמוד‬.
•‫המטרה‬:‫ב‬ ‫התמונות‬ ‫משקל‬ ‫צמצום‬60%‫האפשר‬ ‫ככל‬ ‫נמוך‬ ‫איכות‬ ‫איבוד‬ ‫תוך‬.
•‫בסקריפטים‬ ‫השימוש‬ ‫צמצום‬‫עיצוביים‬.‫טעינה‬ ‫זמן‬ ‫גזלו‬ ‫סקריפטים‬.‫עיצובי‬ ‫לאלמנט‬ ‫מעבר‬ ‫הצדקה‬ ‫להם‬ ‫היתה‬ ‫לא‬.
•‫פתרון‬:‫בסטטים‬ ‫זזים‬ ‫אלמנטים‬ ‫החלפת‬,‫תובעני‬ ‫פחות‬ ‫בסליידר‬ ‫הראשי‬ ‫הסליידר‬ ‫החלפת‬,‫הסליידר‬ ‫החלפת‬
‫תובעני‬ ‫פחות‬ ‫בסליידר‬ ‫הפנימיים‬ ‫בעמודים‬.
•‫המטרה‬:‫טעינה‬ ‫זמני‬ ‫והקטנת‬ ‫השרת‬ ‫על‬ ‫עומס‬ ‫צמצום‬.
‫שנמצאו‬ ‫הבעיות‬
www.hayde.co.il
077-9555191

5. •CDN-‫בהמשך‬ ‫עליו‬ ‫ונפרט‬ ‫העבודה‬ ‫במהלך‬ ‫אליו‬ ‫שנחשפנו‬ ‫מושג‬.
•‫פתרון‬–‫ב‬ ‫שימוש‬CDN‫השרת‬ ‫על‬ ‫מתקפות‬ ‫להדיפת‬,‫ועוד‬ ‫חכם‬ ‫קאש‬ ‫ניהול‬.
•‫המטרה‬–‫לשרת‬ ‫הגישה‬ ‫הליך‬ ‫ייעול‬,‫העומס‬ ‫והקטנת‬ ‫בקבוק‬ ‫צוואר‬ ‫שחרור‬.
•‫קאש‬ ‫תוספי‬–‫האתר‬ ‫של‬ ‫הטעינה‬ ‫זמן‬ ‫את‬ ‫לשפר‬ ‫מנת‬ ‫על‬ ‫קאש‬ ‫תוספי‬ ‫מספר‬ ‫בדיקת‬.
•‫פתרון‬–‫ל‬ ‫שהיו‬ ‫הקאש‬ ‫תוספי‬ ‫כל‬ ‫את‬ ‫בדקנו‬WP.‫אחד‬ ‫אחד‬,‫ביחד‬,‫לחוד‬,‫דחיסות‬,‫ועוד‬.
•‫המטרה‬–‫האתר‬ ‫נפח‬ ‫הקטנה‬,‫הטעינה‬ ‫זמן‬ ‫צמצום‬,‫ועוד‬ ‫המשתמש‬ ‫חווית‬ ‫שיפור‬.
‫שנמצאו‬ ‫הבעיות‬
www.hayde.co.il
077-9555191

6. ‫תכל‬ ‫עשינו‬ ‫מה‬ ‫אז‬'‫ס‬?!
‫צמצום‬‫התמונות‬
‫שהשתמשנו‬ ‫הכלי‬:FastStone Photo Resizer
‫מתיקיית‬ ‫התמונות‬ ‫כל‬ ‫של‬ ‫דריסה‬Upload
‫האיכות‬ ‫הורדת‬ ‫עם‬ ‫התמונות‬ ‫כל‬ ‫על‬ ‫ריצה‬‫ב‬55%
‫מ‬ ‫התמונות‬ ‫גודל‬ ‫הורדת‬300-400K‫ל‬20-30K
www.hayde.co.il
077-9555191

7. ‫תכל‬ ‫עשינו‬ ‫מה‬ ‫אז‬'‫ס‬?!
‫ותוספים‬ ‫בסקריפטים‬ ‫השימוש‬ ‫צמצום‬
‫הבית‬ ‫עמוד‬ ‫ייעול‬:
•‫מ‬ ‫הראשי‬ ‫בסליידר‬ ‫התמונות‬ ‫צמצום‬8‫ל‬5
•‫זזות‬ ‫בתמונות‬ ‫שימוש‬ ‫הפסקת‬(‫וסקריפטים‬ ‫תמונות‬ ‫ריבוי‬)
•‫תובעניים‬ ‫אלמנטים‬ ‫החלפת‬.
‫האתר‬ ‫כל‬ ‫על‬ ‫פעולות‬
‫הפעלת‬LazyLoads‫תמונות‬ ‫טעינת‬ ‫שדוחה‬.
‫תוספים‬ ‫של‬ ‫וייעול‬ ‫בחינה‬.
o‫תוספים‬ ‫מחיקת‬‫פעילים‬ ‫לא‬–‫גוזלים‬‫בבדיקת‬ ‫מערכת‬ ‫משאבי‬
‫עדכונים‬.
o‫תוספים‬ ‫ביטול‬‫מיותרים‬–‫ומחיקתם‬.
o‫תוספים‬ ‫החלפת‬‫תובעניים‬ ‫פעילים‬–‫יעילים‬ ‫בתוספים‬‫יותר‬.
www.hayde.co.il
077-9555191

8. ‫עכשיו‬ ‫עד‬ ‫השינויים‬ ‫בחינת‬
‫כה‬ ‫עד‬ ‫השינויים‬ ‫כל‬ ‫אחרי‬–‫הורדנו‬5‫הטעינה‬ ‫מזמן‬ ‫שניות‬.
‫טוב‬–‫מצוין‬ ‫לא‬ ‫אבל‬
www.hayde.co.il
077-9555191

9. ‫תכל‬ ‫עשינו‬ ‫מה‬ ‫אז‬'‫ס‬?!
CDN
‫זה‬ ‫מה‬CDN?
‫ו‬ ‫קאש‬ ‫לניהול‬ ‫מערכת‬DNS.‫שרת‬ ‫דרך‬ ‫לאתר‬ ‫הגולשים‬ ‫את‬ ‫מעבירים‬CDN(‫באמצעות‬
‫הפניית‬DNS)‫שמוודא‬‫התקפת‬ ‫ולא‬ ‫אמיתי‬ ‫בגולש‬ ‫שמדובר‬DDOS‫אחרות‬ ‫חלאות‬ ‫או‬.
‫השרת‬ ‫של‬ ‫זמינות‬ ‫אי‬ ‫או‬ ‫נפילות‬ ‫גם‬ ‫מזהה‬ ‫השירות‬-‫ומציג‬‫האתר‬ ‫של‬ ‫שמור‬ ‫עותק‬
‫לגולשים‬.
‫הנבחר‬ ‫השירות‬:CloudFlare.‫בגלל‬‫מספיקה‬ ‫שלו‬ ‫החינם‬ ‫שתוכנית‬.
www.hayde.co.il
077-9555191

10. ‫תכל‬ ‫עשינו‬ ‫מה‬ ‫אז‬'‫ס‬?!
‫קאש‬ ‫תוספי‬ ‫בחינת‬
‫הקאש‬ ‫תוספי‬ ‫כל‬ ‫את‬ ‫בחנו‬‫דחיסות‬‫וורדפרס‬ ‫של‬ ‫במאגר‬ ‫שיש‬ ‫החינמים‬ ‫הפופולריים‬ ‫יעילות‬ ‫שיפור‬.
• W3TC
• WP Supercache
• Better WordPress Minify
• Far Future Expiration Plugin
• Tribe Object Cache
• WP Performance Score Booster
‫ספויילר‬:‫גרועים‬ ‫כולם‬!
www.hayde.co.il
077-9555191

11. ‫תכל‬ ‫עשינו‬ ‫מה‬ ‫אז‬'‫ס‬?!
‫קאש‬ ‫תוספי‬ ‫בחינת‬
•TC3W-‫הפופולרי‬ ‫התוסף‬.‫אותו‬ ‫להגדיר‬ ‫נסבל‬ ‫בלתי‬.‫את‬ ‫נתן‬
‫ביותר‬ ‫המשמעותי‬ ‫השיפור‬–‫מספיק‬ ‫לא‬ ‫אבל‬.
•SuperCacheWP-‫פחות‬ ‫לא‬ ‫פופולרי‬ ‫תוסף‬.‫מועיל‬ ‫לא‬.
•Better WordPress Minify
•Far Future Expiration Plugin
•Tribe Object Cache
•WP Performance Score Booster
www.hayde.co.il
077-9555191

12. ‫תכל‬ ‫עשינו‬ ‫מה‬ ‫אז‬'‫ס‬?!
‫קאש‬ ‫תוספי‬ ‫בחינת‬–‫מסקנה‬:
‫תוסף‬ ‫צריך‬‫שעובד‬‫הקאש‬ ‫את‬ ‫ומאחסן‬ ‫לשרת‬ ‫חיצונית‬‫חיצוני‬ ‫בשרת‬
‫בדמות‬ ‫נמצא‬ ‫הפתרון‬Wp-Rocket–‫בתשלום‬ ‫קאש‬ ‫תוסף‬
•‫מתקינים‬.
•‫מגדירים‬2-3‫קטנות‬ ‫הגדרות‬.
•‫לוקח‬ ‫התוסף‬‫ה‬ ‫על‬ ‫פיקוד‬LasyLoads(‫שאפשר‬ ‫תוסף‬ ‫עוד‬
‫למחוק‬)...
•‫מצויינת‬ ‫טכנית‬ ‫תמיכה‬ ‫יש‬ ‫לתוסף‬.
www.hayde.co.il
077-9555191

13. ‫והתוצאה‬?
www.hayde.co.il
077-9555191

14. ‫סיכום‬
•‫כיווץ‬‫ב‬ ‫התמונות‬65%.‫מעל‬ ‫תמונה‬ ‫לאתר‬ ‫מעלים‬ ‫לא‬K40.
•‫זוללנים‬ ‫פלאגינים‬ ‫גירוש‬‫והפחתת‬‫מיותרים‬ ‫בסקריפטים‬ ‫שימוש‬.
•‫ב‬ ‫שימוש‬LazyLoads.
•‫ב‬ ‫שימוש‬CDN.
•‫בתשלום‬ ‫איכותי‬ ‫קאש‬ ‫תוסף‬.
‫ביצועי‬ ‫את‬ ‫לשפר‬ ‫מנת‬ ‫על‬ ‫שביצענו‬ ‫הפעולות‬ ‫אלו‬‫האתר‬
‫לוואי‬ ‫ותופעות‬ ‫תוצאות‬:
•‫של‬ ‫טעינה‬ ‫זמן‬3‫שניות‬.
•‫של‬ ‫ירידה‬11%‫רייט‬ ‫בבאונס‬
•‫מיידית‬ ‫עלייה‬‫של‬65%‫לקליק‬ ‫במחיר‬‫באדסנס‬
www.hayde.co.il
077-9555191

15. ‫רבה‬ ‫תודה‬!
‫שאלות‬?
www.hayde.co.il
077-9555191