מהירות האתר
לפני חודש בערך נכנסתי לסגר מרצון.
ישבתי מול הבלוג שלי ושאלתי את עצמי מה עושים עכשיו?
אז בזמן שכולם כתבו ועדיין כותבים על הוירוס אני עבדתי על שיפור הבלוג והכנה לימים שאחריי, כאשר הקורונה תהיה מושג שכבר לא מחפשים.
מהירות האתר – תוכן עניינים
מנוע חיפוש גוגל
שאלה לי אליכם.
מה הדבר המשותף והכי חשוב לכל בלוגר בעולם?
התשובה– להיות מדורג גבוה בגוגל.
שאלה נוספת- איך גוגל מדרגת את החיפושים?
תשובה פשוטה– מנסה להיכנס לראש של המחפשים.
איך נכנסים לראש של המחפשים?
התשובה הקצרה ביותר- המנוע חיפוש של גוגל מנסה לחשוב כמו בן אדם.
איך חושב בן אדם:
- האם תוצאת החיפוש רלוונטית למה שחיפשתי.
- האם הבלוג ברור וקריא.
- האם קיבלתי מענה לחיפוש שלי.
- האם אתר הבלוג עלה מהר (או שאיבדתי סבלנות ועברתי לתשובה הבאה)
gtmatrix – מהירות האתר
בפוסט זה אני רוצה לעזור לכם לעבוד על הסעיף ה-4, סעיף מהירות האתר.
במידה והאתר שלכם איטי גוגל עלולה להוריד אתכם בדירוג לא משנה כמה טוב אתם כותבים ואף אחד לא יגיע אליכם לעולם!
לפני חודש בערך קיבלתי ציון 67 מתוך 100.
לא ציון גרוע אבל בהחלט לא טוב.
היום אני גאה להגיד שאני 94 שזה ציון גבוה מאד.
אז מה זה הציון הזה ואיך משפרים אותו? כאן אני ואתם נכנסים לתמונה. בואו נעשה תרגיל, כל אחד מכם:
- ייכנס לאתר https://gtmetrix.com/
- ירשום את כתובת האתר שלו
- ישלח פה סקרין שוט של הציון שהוא קיבל
- נעבוד על שיפור התוצאה
- נשמח לשתף אחרים בתוצאה שאחריי
כל מה שנעשה פה לא דורש הבנה בקוד!
במידה ותהיה הצדקה לשינוי קוד אני אפנה אתכם לגורמים המתאימים.
את כל הטיפים שנלמד אחד מהשני ארשום פה וכמובן בקומנטים.
צאו לדרך, מחכה לתגובות שלכם.
מהירות האתר – פלאג אין
פלאג-אין תעברו על כל הפלאג-אין שלכם ותשאלו את עצמכם האם יש פלאג-אין שאני צריך אותו בכלל?
אם התשובה לא- תמחקו אותו לגמרי.
לי למשל היה פלאג-אין שבנה לי טבלאות יפות.
לפני שבועיים גיליתי שלוורדפרס יש בונה טבלאות מובנה.
הורדתי את הפלאג-אין ויצרתי טבלה עם וורדפרס. הנה התוצאה.
אלמנטור מהיר או פוגע?
אלמנטור אחת האפליקציות הפופולריות ביותר בעולם לבניית אתרים ובלוגים בפרט.
אך האם אלמנטור מאטה אותנו?
כותבי אלמנטור משקיעים לילות כימים בהנגשתה לכל אחד כך שתהיה קלה לשימוש דבר שעושה את אלמנטור לאפליקציה פופולרית.
אך לכך יש מחיר, והמחיר הוא שהאפליקציה לא נכתבת בצורה אופטימלית ומכאן שהיא בזבזנית ופוגעת במהירות של האתר שלכם.
במידה ואתם מסוגלים להתנתק ממנה נסו לעבוד עם גוטנברג.
גוטנברג הוא העורך המובנה של וורדפרס שנכון להיום ברמה מאד גבוהה, יחסוך לכם במהירות והוא ללא עלות.
מהירות האתר – תמונות
תמונות מאד חשובות לכל אתר ובלוג.
תמונות באות לספר סיפור, תמונות מוסיפות תוכן ועניין וגוגל מתה עליהן.
אבל תמונות יכולות גם לפגוע במהירות של עליית הדפים.
לכן לפני שאתם מעלים תמונה לאתר, נסו לדלל אותה.
אני משתמש שנים רבות באפליקציה בשם IRFANVIEW, שעושה עוד מלא דברים אחרים מלבד הקטנה וכיווץ. ממליץ לכם להכיר אותה.
לפני שנים רבות חקרתי את הנושא וגם צירפתי אפליקציות נהדרות לכיווץ תמונה, ממליץ לקרוא גם את הפוסט הזה.
ברגע שתקטינו את גודל התמונות, מהירות האתר תשתפר פלאים ובינינו, אף אחד לא ישים לב שהתמונה רזה יותר כל עוד האיכות נשמרת.
בחירת תבנית עיצוב
כל משתמש בוורדפרס עומד בפני החלטה חשובה- באיזו תבנית להשתמש.
מראה התבנית משפיע על מראה הבלוג וסיכויי ההצלחה שלו.
אבל, לא כל תבנית נבנתה מתוך מחשבה על מהירות האתר.
למעשה ההפך הוא הנכון, רוב התבניות נבנו מתוך מחשבה שייבחרו אותם בגלל יופיים ולא כי הן יעילות.
משהבנתי שהתבניות שלי אמנם יפות אבל איטיות להחריד, חיפשתי תבנית שתהיה יפה אבל גם שלא תשפיע על הביצועים, תבנית שכותביה חשבו גם על האספקט של המהירות.
זו התבנית שבחרתי לעצמי. ואם לא ראיתם את בלוג הטיולים שלי עדיין, אז הנה לינק אליו, תוכלו לזהות את התבנית.
לקריאה נוספת
הפוסט האחרון- כיצד להפוך פוסט לפרטי.
כיצד לבנות אתר אינטרנט למתחילים
המלצה– אני משתמש בוורדפרס על מחשבי הוסטגטור, אחד הגדולים בעולם ובוודאי אחד המהירים.
על ידי לחיצה על הלינק תקבלו הצעה מופחתת עד 60% ואפשרות לדומיין במחיר של 5$.
Up to 60% Off New Hosting + $4.99 on Select Domains with Promo Code 60OFF2017!
הוד אם אני משתמשת בtinypng האם אני צריכה גם את ifran??
היי רעות,
אלו הן אפליקציות שונות לכיווץ תמונות.
היתרון ב IRFANVIEW שהוא תומך במגוון פורמטים ויש לו הרבה פונקציונלית מעבר לכך.
היי הוד איזה יופי של פוסט אני לגמרי קלולס בנושא אשמח לשלוח לך ושתעזור לי להבין יותר:)
היי שיילה, הסתכלתי על האתר שלך. הוא קיבל ציון 86.
יש רכיבים של פינטרסט, פייסבוק וגוגל מפות שמורידים את הציון הסופי.
אם את ממש קשורה אליהם אז את לא חייבת להוריד ותישארי עם 86, זה גם טוב.
יש שם פלאג אין ELFSIGHT שלא ממש יעיל.
פלאג אין נוסף בעייתי בשם REVSLIDER.
אולי תחפשי פלאג אינים אחרים עם פונקציונליות דומה ושתורמים בביצועים.
לקראת הסוף: התמונות של אינסטגרם שמוטמעות כבדות ומעיקות. את חייבת למצוא פתרון אחר ויש מלא.
ויש לך עוד פלאג אין שמטמיע תמונות והוא עושה את זה לא טוב PINIMG.
מקווה שעזרתי
ברור שעזרת המון תודה אלך לבדוק מקווה לסדר הכל וכבר רצה לפוסט השני שלך
האם האתר כמו שהו בסה"כ בסדר?
תודה!
היי שיילה,
לא ראיתי שינוי מאתמול.
בנוסף לוקח לאתר שלך 10 שניות לעלות שזה שיותר מהממוצע.
הוא שוקל 12MB שזה הרבה יותר מהממוצע
ויש לו 166 ריקווסט שזה כפול מהממוצע.
הייתי שוקל ריוויזיה מחדש לאתר ומתחיל עם ההערות הקודמות שלי ובודק שוב לאחר מכן.
איזה פוסט מועיל , בול בזמן !!! תודה רבה הוד
אוטוטו מגיע פוסט המשך בנושא.
תמשיכי לעקוב
הי הוד! אשמח לעזרה בתרגום התוצאות הנמוכות שקיבלתי 😯אבל איך מעלים צילום מסך פה?
היי
שלח לי למייל hodspot.blog@gmail.com
ואני אעבור על התוצאות
הנחתי שזה האתר שלך- adrikalut
קיבלת ציון 40 שזה רע.
האתר שלך עולה ב-2 שניות שזה מעולה.
גודל האתר 2 MB שזה לא טוב
מצבך יכול בכמה פעולות פשוטות להיות מדהים:
Serve scaled images- כל תמונה ברשימה היא ענקית בממדים אבל את מציגה אותם בצורה קטנה בעמוד הראשי. תשתמשי באחת האפליקציות שרשמתי בפוסט כדי לצמצם את גודלם בהתאם לתצוגתם על המסך.
Optimize images- תעברי תמונה תמונה ותשתמשי באחת האפליקציות שהעליתי בפוסט כדי להוריד את גודל התמונה, כלומר שיהיו רזות יותר.
Leverage browser caching – משהו באפליקציות לא מנוהל נכון, אני לא יודע מה, ייתכן שהן לא מקודדות נכון או אולי בהגדרות. תשאירי אותן לסוף, קודם תדאגי לשני סעיפים הראשונים.
Defer parsing of JavaScript – כמו הסעיף הקודם. תשאירי לסוף.
וואו תודה רבה! כן זה האתר.
מוזר כי כן יש לי פלאגין לכווץ תמונות.
האפליקציות האלה הן חיצוניות לוורדפרס או פלאגין בתוכו?
מדובר ב-2 שלבים שונים לכל תמונה? אני לא כלכך מבינה.
ומה הכוונה ב"לא מקודדות נכון, או משהו בהגדרות"- איפה, באתר עצמו? בשרת אחסון? בפלאגאינים?
תודה!!
בתור התחלה כנסי לפוסט ששם אני מפנה לתוכנות שמצמצמות משקל תמונה.
תתחילי עם התמונות בעמוד הראשי.
אחריי שהחלפת את כל התמונות בעמוד הראשי בדקי מה הציון שלך.
אחלה טיפים. לאיזה גודל כדאי לכוון שהתמונה תהיה? אני בדר"כ משאירה על כמה מאות קילובייט.
כל תמונה מתחת ל 100K מבורך.
קחי בחשבון שאם יש לך הרבה תמונות בעמוד אז ביחד הן יהיו כבדות מדי.
הוד היקר, תודה רבה עשיתי כמה שינויים בהתאם להמלצות שלך והמהירות שלי השתפרה פלאים !!!! – תודה ענקית
אמרתי מקודם ואני חוזר ואומר- השינויים פשוטים והתוצאה ניכרת לעין.
לא צריך מישהו תותח או מתכנת, אפשר לבד.
אני שמח שעזרתי לך
תודה רבה על פוסט מעולה !
בבחינה שעשיתי עכשיו הציון יצא 56%.
אני חושבת שאולי זה בגלל שיש לי הרבה תמונות?
אני עובדת עם אלמנטור ולא מעוניינת להפסיק.
תבנית – הלו
למרות שאני מאד משתדלת להעלות אותן בגודל המדויק.
אשמח לחוות דעתך
איך אפשר לשפר?
הציון שלך הוא 61.
Serve scaled images- הגודל האמיתי (לא משקל) של התמונה לא מתאים לגודל שאת מציגה בדף. תתאימי את גודל התמונה לזו שבעמוד הראשי.
Optimize images- כל התמונות שם שמנות או לא מתאימות בפורמט. מציע לך לקרוא את כל 5 הפוסטים שרשמתי בנושא.
Avoid bad requests- התמונות לא קיימות או בעיה דומה
תסיימי את כל הנ"ל ובדקי שוב
תודה רבה !!!
יש דרך לכווץ את כל התמונות שכבר באתר, בספריית המדיה או שאני צריכה לעבור עליהן אחת אחת?
יש לי תוסף smush באתר. זה עושה את אותה עבודה?
יש לי תמונות עם רקע שקוף, אז הן חייבות להיות PNG. נכון?
PNG נועד לרקע שקוף נכון.
אל תשמשי בו מעבר לזה.
יש אפליקציות שמכווצות אבל הן בעצמן ייתכן ופוגעות במהירות ההעלאה שלך.
הייתי מכווץ בעצמי את התמונות בעמוד הראשי ובודק תוצאות.
ועוד שאלה…
האם הבדיקה ב-GTmetrix בודקת רק עמוד אחד או את כל האתר?
כלומר, אני צריכה לבדוק שם בנפרד את המצב של עמודי האתר בנפרד ולראות מה מצבם?
כל דף בפני עצמו.
תתחילי מהעמוד הראשי, הוא הכי קריטי
תודה רבה רבה !!!
עשיתי לעמוד הראשי ונראה שיש שיפור
האתר שלך עולה ב 3.5 שניות. זה מעולה.
יש לך עניין עם פייסבוק בעמוד הראשי ולאחר מכן תפסיקי שם.
אגב תוודאי שאת מספרת לכולם שהאתר שלך זה https://www.ronyborer.co.il/
ולא כתובת אחרת שתעכב אותם בעוד שנייה
מה הכוונה ב'עניין עם פייסבוק'?
ומה הכוונה שאספר לכולם שהאתר שלי זה זה ולא כתובת אחרת?
את רושמת שהאתר שלך הוא- ronyborer.co.il
אבל זה לא מדויק!
האתר שלך הוא https://www.ronyborer.co.il/ וככה את צריכה לבודק אותו.
העניין עם פייסבוק הוא שאת משתמשת בפייסבוק בעמוד הראשי דבר שמאט לך את העלייה.
לשיקולך
תודה רבה רבה רבה. מאד מעריכה את מה שאתה נותן.
בודקת הכל…