המדריך השלם להאיץ את אתר וורדפרס שלך

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

רזה באתר

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

1. שקע מחדש בעיצוב העיצוב של האתר שלך

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

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

2. להיפטר תוספים מיותרים

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

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

3. הקטן את גודל הקובץ של HTML, CSS ו- Javascript

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

בדף W3 סה"כ מטמון, תחת "הגדרות כלליות", הפעל את מצב "Minify".

לאחר מכן, עבור לסעיף "Minify - HTML & XML", סמן את התיבות לצד "Enable", "Inline CSS Minification", "Inline JS Minification" ו- "Remove line break".

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

דבר אחד אני ממליץ על הגדרה זו היא להשתמש "מזער" ולא "לשלב בלבד." שילוב של כמה javascripts יחד יכול לגרום השפעות לא רצויות לשבור את האתר.

החלק האחרון שעליך להגדיר כאן הוא הקטע "הקטנת CSS". זה מאפשר לך למזער ולשלב את כל CSS המשמש את ערכת הנושא.

כדי להפיק את המיטב מכל זה, מומלץ לפתוח את האתר שלך, להציג את קוד המקור ולהעתיק את כל קישורי ה- CSS לשדה "קובץ URI" בקטע "ניהול קובצי CSS". כל קובצי ה- CSS שהוספת לשדה זה יצומצמו ויושלמו לקובץ CSS אחד.

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

קבצי תמונה הם בדרך כלל אלה שמרכיבים את חלק הארי של גודל הקובץ של האתר, ולכן חשוב לך לייעל את התמונות ולשמור אותם לגודל המינימלי ביותר האפשרי. Wp Smush.it הוא תוסף נהדר שמייעל את התמונות שלך כאשר אתה מעלה אותם. זה גם מגיע עם תכונה smush בתפוצה רחבה שיכולים לייעל את כל התמונות שהועלו בעבר.

להאיץ את מהירות הטעינה של האתר

חלק מהדרכים שבהן ניתן להשתמש כדי להאיץ את מהירות הטעינה של האתר כוללות:

• מטמון את האתר
• להגדיר מטמון הדפדפן - -
• לעבור ל - jquery של
• -
• השתמש טעינה עצלן של תמונות
• להשתמש
• השתמש ב- CDN

הנה כמה תוספים שיכולים לעשות את העבודה הנ"ל בשבילך.

1. W3 סה"כ מטמון

יש לנו כיסוי מכוסה בסעיף לעיל, אבל מה שעושה W3 סך מטמון חזק הוא מודול במטמון שלה. ראשית, הפעל את המודול "מטמון דף" בקטע "הגדרות כלליות". על אירוח משותף, בחר "דיסק: בסיסי" עבור מצב המטמון של הדף. עבור VPS או שרת ייעודי, בחר "דיסק: משופרת".

גלול בהמשך הדף עד שתראה את הקטע "מטמון דפדפן"; סמן את התיבה כדי לאפשר אותה גם כן.

פעולה זו תאפשר גם את המטמון של הדף ואת מטמון ה- broswer עבור האתר שלך. מטמון הדף הוא פשוט דף HTML סטטי שיוצג במקום דף PHP דינמי. מטמון הדפדפן מודיע לדפדפן לשמור את הדף שלך במטמון ולהציג אותו מהמטמון כאשר הקורא מבקר שוב באותו דף.

2. WP סקריפט נדחה

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

WP נדחה סקריפט הוא תוסף שימושי מעביר את כל הסקריפטים enqueued לתחתית הדף. הוא משתמש lab.js ב backend ויעבוד עם רוב plugins. אין הגדרות להגדרה. לאחר הפעלתו, הוא ידחה אוטומטית את כל טעינת ה- JavaScript לקצה הדף. עוד דבר טוב הוא טוען javascripts asychronously, כלומר זה טוען javascript במקביל לתוכן.

3. Jetpack פוטון

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

לחלופין, אם אתה משתמש CDN חיצוני, כמו MaxCDN או Amazon Cloudfront, אתה יכול להגדיר את מודול CDN ב W3 סך מטמון plugin גם כדי לעשות שימוש בשירותי CDN.

4. לטעון עצלן

האם שמת לב איך התמונות נטענות על פי דרישה בעת לגלול את הדף? זה נקרא Lazy טוען, וזה דרך טובה להאיץ את האתר גם כן. תוסף שאנחנו משתמשים כאן הוא Unveil Lazy Load, אבל אם אתה עושה חיפוש עבור טעינה עצלן, יש המון תוספים טעינה עצלן כי אתה יכול להשתמש; חלקם מותאמים אפילו עבור קטעי וידאו ו iframe.

5. DFP

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

באתר זה, אנו משתמשים בסקריפט jquery.dfp.js כדי לטעון את כל תגי ה- DFP לפי דרישה, כך שהוא לא יאט את טעינת האתר. היישום יכול להיות מסובך למדי ואנחנו לא יכסה את זה כאן. אם יש מספיק עניין (אתה יכול להביע את העניין שלך הערות), אני אעשה עוד הדרכה המפרט את שלב אחר שלב תהליך ליישום אותו לתוך האתר שלך.

סיכום

אם בצע את השלבים לעיל, אני יכול להבטיח לך שהאתר שלך פועל עכשיו מהר יותר מאשר בעבר, גם אם אתה על אירוח משותף. דרך טובה לבדוק את מהירות הטעינה של האתר שלך היא הכלי של Google PageSpeed ​​Insights. כל שעליך לעשות הוא להזין את כתובת האתר שלך והוא ינתח את האתר שלך בשבילך. לעשות את זה לפני ואחרי אופטימיזציה ולראות את ההבדלים העצומים.

אשראי תמונה: הולך לשום מקום מהר