כיצד לתקן אתר אלמנט איטי: 16 אופטימיזציה שעזרה לי להשיג 100% ציוני מהירות עמוד וזמני טעינה מיידית באתר שלי

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


אז מה גורם לאתר הטעינה האיטי שלך?

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

זו הסיבה שכתבתי את ההדרכה הזו.

תלמד כיצד לתקן את אתר Elementor האיטי שלך על ידי ביצוע המלצות מפתח ממדריך האופטימיזציה של וורדפרס והמלצות של Elementor. אני אביא צילומי מסך, הוראות מפורטות ואענה על כל התגובות אם עדיין תזדקק לעזרה. הצלחתי להשיג ציוני 100% GTmetrix בדף הבית שלי. אפילו פוסטים עם 100+ תמונות ו -400 תגובות (גודל עמוד 5MB ו -170 בקשות) עדיין טוענים בערך <2s. כן, אני חנון מהירות וורדפרס :)

מיטוב מהירות אלמנטור

1. שדרג ל- PHP 7.4

חברות אירוח רבות פרסמו כבר את PHP 7.4.

שדרוג גרסאות PHP הוא אחת הדרכים הקלות ביותר להאיץ את אתר Elementor שלך. של קינסטה מדדי PHP מראה כיצד גרסאות PHP גבוהות יותר יכולות לרוץ 2-3x מהר יותר. אלמנטור גם ממליצה גרסאות PHP גבוהות יותר וכדי להגדיל את מגבלת הזיכרון ל 256MB (ראה השלב הבא).

ראשית, בדוק את גרסת ה- PHP הנוכחית שלך תחת Elementor > מידע מערכת.

גרסת PHP של Elementor

בשלב הבא התחבר לחשבון האירוח שלך, מצא את מנהל גרסת ה- PHP (או דומה) ובחר גרסת PHP גבוהה יותר. כדאי גם לקחת גיבוי לפני כן. אחרת, זהו זה!

Kinsta PHP 7.4

חשוב: ודא שהתוספים שלך תואמים לגרסאות PHP גבוהות יותר. השתמשתי ב- WP Rich Snippets (שלא נשמר יותר) אבל זה לא היה תואם ל- PHP 7.2+, אז מחקתי את התוסף ומצאתי תחליף. לא כדאי לשמור תוספים שאינם מתוחזקים.

2. הגדל את מגבלת הזיכרון ל 256MB

שוב, בדוק את מגבלת הזיכרון שלך תחת Elementor > מידע מערכת.

גם Elementor, WordPress ו- WooCommerce ממליץ על מגבלת זיכרון של 256MB.

מגבלת זיכרון אלמנטור

בדרך כלל אתה יכול לשנות את מגבלת הזיכרון בחשבון האירוח שלך:

מגבלת זיכרון

אחרת, הוסף קוד זה ל- פונקציות.

הגדירו (‘WP_MEMORY_LIMIT’, ‘256M’);

3. השתמש בגופנים המארחים את עצמם

אם גופני גוגל פוצצים את דוח ה- GTmetrix שלך, נסה לארח גופנים באופן מקומי.

אם יש לך Elementor Pro, תרצה להשתמש בגופנים מותאמים אישית (שנמצאים בהגדרות).

הנה הדרכה ביוטיוב.

גופנים מותאמים אישית של Elementor

אין לך Elementor Pro?

תוספים רבים יכולים לסייע במיטוב גופני גוגל: WP Rocket, אופטימיזציה אוטומטית, גופני גוגל עם מארח עצמי, OMGF ו- Cleaning Asset. אם אתה לא רוצה להשתמש בתוסף, עקוב אחר ההוראות הבאות.

שלב 1: אשר כי הגופנים מאטים את אתר Elementor שלך ב- GTmetrix.

גופנים גוגל מטריקס

שלב 2: הורד את הגופנים שלך ישירות מאתר גופנים של גוגל. הורד רק את הגופנים ומשקלי הגופנים שאתה זקוק להם בהחלט (יותר גופנים ומשקולות יכולים גם אומר יותר בקשות).

שלב 3: השתמש בכלי כמו טרנספונטר להמיר אותם לקבצי גופן באינטרנט.

Transfonter-Google-Font-Conversion

שלב 4: העלה את קבצי הגופנים החדשים ל- WordPress והוסף אותם ל- CSS שלך.

שלב 5: בדוק את הגופנים, הוסף תקלה כברירת מחדל, ותמיד יש חזרה לגופנים.

4. אופטימיזציה של בקשות צד ג ‘

בדיוק כמו שגופני גוגל הם בקשה של צד שלישי, כך גם AdSense, Analytics, מפות, מנהל תגיות, סרטונים משובצים, ואפילו Gravatars או תוספים לשיתוף חברתי יכולים לגרום לבקשות צד ג ‘..

עליכם לבצע אופטימיזציה גם לאלה.

תסריטים חיצוניים

קל לייעל כמה בקשות של צד שלישי:

ל- WP Rocket יש כרטיסיית תוספות שיכולה לעזור מארח אנליטיקה באופן מקומי ולהוסיף מטמון דפדפן לפיקסלים בפייסבוק. הגדרות המדיה של WP Rocket מאפשרות לך להתעצל לטעון סרטונים תוך החלפת ה- iframe בתמונה מקדימה. אם הטמעת פוסטים ממדיה חברתית, נסה לצלם צילום מסך ולהשתמש בתמונה במקום זאת. טעינה מותנית של Disqus, דחיית ניתוח של JavaScript בהגדרות תוסף המטמון שלך והשבתת סקריפטים / תוספים באופן סלקטיבי בניקוי נכסים יכולים לסייע במיטוב סקריפטים..

WP Rocket Local Analytics

בקשות אחרות של צד ג ‘אינן קלות לבצע אופטימיזציה:

Google AdSense יכולה להיות רוצח GTmetrix. מלבד העמסתו באופן אסינכרוני, אין הרבה מה לעשות. גם לא מצאתי שום פיתרון לגרום לטעינה של Gravatars להיות מהירה יותר וניסיתי את כל התוספים למטמון של Gravatar (אז השבתתי אותם). בדרך כלל יש להשתמש במנהל התגים של גוגל רק לאתרי Elementor גדולים ובלתי ממומנים, אחרת זה בדרך כלל מזיק יותר מתועלת.

5. הימנע מתוספי CPU גדולים

כמה תוספים שעליך פשוט להתרחק מהם.

תוספי CPU גבוהים שמאטים את אתרי Elementor קשורים בדרך כלל לסטטיסטיקה, גיבויים, שיתוף חברתי, תיקים, צ’אט חי, טפסים ליצירת קשר, סליידרים, JetPack וכל תוסף שנדרש כל הזמן “לעבוד” באתר שלך (חשוב קישור שבור הסריקות המתמשכות של בודק).

  1. הוסף זאת
  2. ניטור הונאות של קליקים של AdSense
  3. לוח אירועים של כל אחד
  4. גיבוי באדי
  5. בונה בונה
  6. מפות WordML של גוגל XML טובות יותר
  7. בודק קישור שבור (השתמש בדק קישור של ד”ר)
  8. קשר קבוע עבור וורדפרס
  9. טופס יצירת קשר 7
  10. פוסטים קשורים להקשר
  11. Digi קישורים אוטומטיים
  12. מערכת הערות Disqus
  13. דיווי בונה
  14. רשת חיונית
  15. צפה ברשימה המלאה של 65 תוספים איטיים

אם יש לך פלאגין איטי, אתה יכול למחוק אותו ולמצוא תחליף, להשבית את התוסף באופן סלקטיבי בדפים מסוימים (השלב ​​הבא), או להמשיך להשתמש בו ולהכיל אתר Elementor איטי..

6. בטל באופן סלקטיבי תוספים שאינם בשימוש

ניקוי נכסים ו- Perfmatters נהדרים עבור השבתת תוספים באופן סלקטיבי, תסריטים וסגנונות.

הדוגמה הנפוצה ביותר היא רק לטעון את התוסף של טופס יצירת הקשר שלך בדף הקשר ולהשבית אותו בכל מקום אחר. אבל האם חשבת על השבתת תוסף השיתוף החברתי שלך בדפים שלך (מכיוון שרוב האנשים משתמשים בו רק בפוסטים)? או להשבית את המחוון שלך בדפים שאין להם סליידרים? באמצעות השבתה סלקטיבית אתה יכול לבצע פחות בקשות HTTP בדפים.

שלב 1התקן ניקוי נכסים או פרפמטרים.

תוסף ניקוי נכסים

שלב 2: ערוך עמוד או פוסט וגלול מטה כדי לראות את כל מה שנטען בדף.

שלב 3: השבת (פרוק) תוספים, סקריפטים וסגנונות שאינם בשימוש בדף. אתה יכול גם להשבית אותו לפי סוג הודעה, או Asset CleanUp Premium (כמו גם Perfmatters) מאפשר לך להשתמש ב- RegEx.

ניקוי נכסים בדוק הכל

7. השבת תסריטים, סגנונות, שברי עגלה של WooCommerce

בדיוק כמו שהשבתת תוספים באופן סלקטיבי בשלב הקודם, אתה יכול להשתמש ב- Perfmatters ו- Asset CleanUp כדי לעשות את אותו הדבר עם סקריפטים, סגנונות וקטעי עגלה של WooCommerce..

ניקוי נכסים WooCommerce

Perfmatters למעשה מאפשר לך לעשות זאת עם לחץ על לחיצה אחת:

מיטוב אופטימיזציה של ווה-מסחר

8. החלף שיטת מטעין עורך ב- Elementor

אלמנטור אומר:

“אם אתה נתקל בקשיי אירוח או שרת באמצעות Elementor, כללנו מתג פשוט שעשוי לפתור את הבעיה שלך.”

אתה יכול למצוא זאת תחת Elementor > הגדרות > מתקדם > טוען עורך.

שיטת מטעין עורך Elementor

9. שנה את גודל התמונות למידות נכונות

בעת שימוש באלמנטור, חשוב לשנות את גודל הגודל של התמונות כך שתתאימו למידות הנכונות שלהן.

הגש תמונות בקנה מידה

אחרת, תראה שגיאות תמונות בקנה מידה מוגדרות ב- GTmetrix. אם אתה רואה כאלה, תפוס את הממדים המומלצים המסופקים על ידי GTmetrix ושנה את גודל התמונה למידות אלה, ואז החלף את התמונה. אני ממליץ ליצור “גיליון רמאות ממדי תמונה” המפרט את הממדים של כל אזורי האתר שלך (סליידרים, תמונות מוצגות, תמונות בלוג ברוחב המלא, לוגו). באופן זה, תוכל לשנות את גודל התמונה שלך לממדים הנכונים לפני שתעלה אותה.

10. אירוח ושיתוף של ענן לשיתוף תעלה

יש זמן תגובה איטי לשרת?

הפעל את האתר שלך באמצעות Google PageSpeed ​​Insights וודא שהוא קיים <200 מיליון כמו שגוגל ממליצה. השרת שלך (אירוח) הוא ה- גורם מס ‘1 במדריך האופטימיזציה של וורדפרס.

אני בדרך כלל ממליץ על SiteGround (אירוח משותף) וזה בסדר אם יש לך מעט תנועה ותוספים. אבל ברגע שאתה יוצא לאירוח בענן (למשל. Cloudways DigitalOcean), ההבדל הוא לילה ויום. העברתי מ- SiteGround ל- Cloudways וזמן העומס שלי נחתך לשניים. אפילו פוסטים עם 100+ תמונות ו -400 תגובות (גודל עמוד 5MB, 170 בקשות) עדיין נטען מתחת לשניים.

אירוח אלמנטור

SiteGround-vs-Cloudways-Cloud-Hosting

GTmetrix-דו

חוויות של אנשים אחרים עם Cloudways:

זמני תגובה של Cloudways

מנוע WP ל- Cloudways

דוח פינגדום של DigitalOcean

זמני תגובה של שרת Cloudways

שיפור זמן טעינה של Cloudways

Cloudways vs WP Engine

ללא כותרת

זמני טעינת פינגדום של Cloudways

דו

Namecheap להעברת Cloudways

Cloudoo WooCommerce Migration

הגירה AWS של Cloudways

הם גם היו מספר 1 בסקרים רבים בפייסבוק והיו נהדרים ביקורות על TrustPilot:

המלצות אירוח בפייסבוק

סקר WooCommerce אירוח ענן VPS

סקירת אירוח ענן VPS

הצעות לאירוח וורדפרס

Cloudways-Facebook-Review

סקירת פייסבוק של Cloudways

Cloudways לעומת SiteGround

שורה תחתונה: אירוח משותף זה בסדר אם אינך מפעיל WooCommcerce, AdSense, תוספי CPU גבוהים או שיש לך תנועה מכובדת. אבל ברגע שיש לך אחד כזה, בדוק את אירוח הענן. כן, אני שלוחה עבור דרכי ענן), אבל יש המון אנשים אחרים שהיגרו ופרסמו את התוצאות שלהם. הקוד OMM25 יעניק לך 25% הנחה על החודשיים הראשונים לאירוח ב- Cloudways.

11. מחקו תוספים למטמון בחינם והשתמשו ברקטות WP

מדוע WP Rocket בדרך כלל מספר 1 בסקרים של פייסבוק?

מכיוון שיש לו תכונות מהירות יותר מרוב תוספי המטמון האחרים (ניקוי בסיס נתונים, ניתוח מקומי, שילוב גופנים של גוגל, טעינת תמונות + קטעי וידאו עצלניים, שילוב CDN + Cloudflare, בקרת פעימות לב, מטמון WebP, שמירה מקדימה, מטמון דפדפן פייסבוק פיקסל).

זו הסיבה ש- WP Rocket מניב ציונים טובים יותר + זמני טעינה ב- GTmetrix, ופירושו פחות תוספים באתר Elementor שלך. זה מעודכן תמיד עם תכונות חדשות ומתוחזק על ידי צוות אמין.

אז אם אתה עדיין משתמש ב- WP המהיר ביותר במטמון או ב- W3 Total Cache, אתה באמת צריך לתת לו מערבולת.

סקר תוסף המטמון הטוב ביותר לשנת 2016

סקר תוספי זיכרון המטמון לשנת 2019

סוויפט נגד רקטת WP

סקר תוסף המטמון לשנת 2016

סקר תוספי המטמון הטוב ביותר 2018

טיל wp לעומת מטמון totla של w3

תראה את ההבדל:

רקטת WP לפני אחרי

12. נקה את מסד הנתונים שלך

האם אתה מתזמן ניקוי נתונים שוטף?

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

אתה יכול להשתמש בתוספים כמו WP Rocket ו- WP-Optimize ל- נקה את מסד הנתונים של וורדפרס. רק וודא שאתה בודק את כל מה שנמחק וצריך לבצע גיבוי לפני כן.

WP-Optimize Database Clean

13. השתמש ב- CDN של Cloudflare

השימוש ב- Cloudflare הוא מבטל.

זה בחינם, כולל למעלה מ- 200 מרכזי נתונים, ו- CDNs הם המומלצת על ידי וורדפרס.

לוגו של Cloudflare

כמה מארחים כמו SiteGround מאפשרים לך להפעיל את Cloudflare בלוח המחוונים שלהם. אחרת, הירשם לתכנית החינמית של Cloudflare, התחבר לרשם הדומיינים ושנה לשרתים של Cloudflare.

במרכז השליטה יש כמה שינויים שעליך לקחת בחשבון:

  • מהירות: אפשר ברוטלי ומטען הרקטות
  • מגרד: אפשר הגנה על קישור חם
  • חומת אש: חסום בוטים רעים מדוח התנועה החי של Wordfence
  • כללי עמודCloud Cloud יש המון כללי עמוד למהירות, אבטחה, תאימות

14. השתמש בערכת נושא קלה

זמן סיפור.

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

כלומר, כל מה שמובנה עושה את זה כל כך הרבה יותר קל, נכון?

לא! אתה רוצה לבחור נושא קל משקל מינימלי ומקודד היטב, ואז להסתמך על תוספים רק להוסיף תכונות שאתה צריך. אופטימיזציה של נושא קשה יותר ממחיקת תוסף.

רובכם, בתקווה, משתמשים בעיצובים של אסטרה, פלסום או סטודיאפרס, שהם העיקריים עליהם אני ממליץ.

15. מצא צווארי בקבוק ב- GTmetrix

מלבד מדידת ציונים + זמני עומס, תוכלו לחשוף לא מעט דברים ב- GTmetrix. מכיוון שכל אתר Elementor הוא שונה, אתה רוצה למצוא בדיוק את מה שמאט את שלך.

זמן לעבר בית ראשון

זמן לעבר בית ראשון

תמונות ללא אופטימיזציה

אופטימיזציות תמונה ב- GTmetrix

תוספים איטיים

תוסף WordPress איטי

16. סיים את 10% המהירות האחרונות עם פרפמטרים

פרפמטרים (מאת קינסטה) דואג למה שאני רוצה לקרוא אופטימיזציות מהירות שונות:

תכונות של פרפמטרים

חלקם מועילים ביותר; מנהל התסריטים המאפשר לך להשבית סלקטיבית תוספים / סקריפטים מדפים מסוימים, לשנות את מרווח השמירה האוטומטי, להגביל את הגרסאות של הפוסטים, לחבר מראש ולהשבית סקריפטים, סגנונות וקטעי WooCommerce של WooCommerce. בכל הנוגע לאופטימיזציות הללו, אינני יודע על שום פלאגין שעושה עבודה טובה יותר מ- Perfmatters.

למה אתה מצפה, זה קינסטה. כמובן שזה תוסף נהדר.

שאלות נפוצות

&# x1f680; מהן הסיבות השכיחות ביותר לאתר Elementor איטי?

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

&# x1f680; מה אוכל לעשות כדי לזרז את אלמנטור?

השתמש באפשרות הגופנים המותאמים אישית של Elementor כדי להפחית את כמות הבקשות מגופני גוגל או מגופן מדהים. ניתן גם להשבית באופן סלקטיבי פונקציות Elementor שלא השתמשו בדפים / פוסטים באמצעות תוסף כמו Asset CleanUp או Perfmatters של Kinsta. השאר הם אופטימיזציות מהירות גנריות שלא קשורות לאלמנטור.

&# x1f680; כיצד משתמשים בגופנים מותאמים אישית כדי לגרום להם לטעון מהר יותר?

לשם כך תצטרך חשבון Elementor Pro. הורד את קבצי הגופנים שלך (למשל מ- Google Font) והעלה אותם בקטע הגופנים המותאמים אישית באלמנטור.

&# x1f680; האם אלמנטור מאט את האתר שלי?

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

&# x1f680; איזה אירוח מומלץ לאתרי Elementor?

בקבוצת Elementor הפייסבוק הפופולרית ElementGround ו- Cloudways הם בדרך כלל 2 המארחים המדורגים המובילים שצולמו בסקרים של פייסבוק.

עדיין יש אתר אילמנטרי איטי?

אני אומר זאת: Cloudways ו- WP Rocket צריכים לתקן 80% מהבעיות שלך. האירוח והתוסף המטמון שלך הם הגורמים הגדולים ביותר במדריך האופטימיזציה של וורדפרס. אבל אם אתר Elementor שלך עדיין איטי, השא לי תגובה עם דוח ה- GTmetrix שלך ואני שמח להציץ. הצוות שלנו מציע גם שירותי מהירות וורדפרס עם דיווחים לפני + אחרי GTmetrix.

לחיים,
טום

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map