שיפור מהירות האתר בקלות

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

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

אחסון אחסון אחסון

כנראה הדבר הכי משמעותי בשביל מהירות האתר שלכם, אם אין לכם אחסון טוב, האתר יעלה לאט בוודאות.
זמן התגובה של השרת הוא סופר קריטי בביצועים של האתר שלכם, ולרוב אם תשתמשו בשירותי אחסון שיתופי האתר שלכם ישאר איטי.
מה הפתרון? אחסון ענן טוב.
נשמע מפחיד נכון? הרי אחסון ענן זה מה שכל החברות הגדולות עושות אז כנראה זה עולה המון כסף. אז זהו שלא…
אחסון שיתופי זול אפשר למצוא גם ב5$ בחודש, אבל לרוב המחיר הזה אמיתי רק לתקופת הכרות ורק אם קונים מנוי לטווח ארוך, בפועל אחרי תקופה ראשונית המחירים קופצים.
לדוגמא, בבלוהוסט, מחיר חודשי, אחרי תקופת ההכרות עומד על 8.99$ (הזול מבין הדוגמאות), בהוסטגייטור המחיר עומד על 14.95$ לחודש, ובסייטגראונד המחיר החודשי הוא 14.99.
המחיר הראשוני הוא רק כדי לשכנע אתכם להרשם מראש לתוכנית ארוכת טווח כשאין לכם עדיין את הידע המספק בשביל לדעת שזה לא חכם (גם אני נפלתי בזה, עד היום יש לי עדיין אחסון בסייטגראונד ששילמתי עליו שנתיים מראש…)
וכל המחירים האלה מאפשרים רק אתר אחד!

אחסון

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

אני לדוגמא, עברתי לקלאוודוייז, ששם, עלות חודשית של שרת ענן פרטי, היא רק 10$!
כמובן שתוכלו להגדיל את השרת שלכם ובכך להעלות את המחיר, אבל גם בחבילה הבסיסית ביותר תוכלו להחזיק בערך 8 אתרים בגודל בינוני והמהירות שלהם תהיה הרבה יותר טובה מבאחסון שיתופי.
בנוסף, במקום לנסות לעבוד עליכם כדי שתקנו חבילות ארוכות טווח, המחיר של קלאוודוייז הוא חיוב חודשי, כלומר, אם אתם לא מרוצים אתם יכולים לקום וללכת מתי שתרצו בלי לשלם שקל מיותר (החישוב הוא על בסיס שעות ככה שאם הפסקתם באמצע החודש אפילו לא תחוייבו על חודש מלא.)
ועכשיו לפאנץ'

ההשפעה של מעבר לאחסון טוב על המהירות שלכם

בנוסף להוזלת המחירים, גם מהירות האתר משתפרת פלאים! כשאני עברתי לאחסון של קלאודוייז, זמן הטעינה של האתר שלי התקצר בשלוש שניות.
כל זה בלי שום מאמץ, רק החלפת אחסון.
בנוסף, במידה והחלטתם להתחיל לשפר את מהירות האתר שלכם ולעבור לקלאודוייז, יש לנו קוד הנחה בשבילכם, תקלידו את הקוד KNOBY בעת ההרשמה ותקבלו 25% הנחה לשלושה חודשים!

כיווץ תמונות והצגה בפורמטים עדכניים

יש מספר דרכים לעשות את זה, ראשית אם רק כיווץ תמונות מספיקה,אפשר לפני כל העלאת תמונה לאתר לעבור דרך tinypng.com ולכווץ אותה, אך השיטה הזאת היא מאוד סיזיפית ולכן אני פחות ממליץ עליה. אנחנו מאמינים בעבודה יעילה.
ולכן יש פתרון אחר, שנקרא shortpixel image optimizer.
תוסף שמאפשר לכווץ אץ כל התמונות שבאתר באופן אוטומטי ולהציג אותם בפורמטים עדכניים כשהדפדפן של הלקוח מאפשר את זה.
התוסף הזה מאפשר כיווץ של עד 100 תמונות בחודש בחינם, שזה מספיק לאתרים קטנים, ובתשלום מאפשר כיווץ של כמויות גדולות יותר.
במידת הצורך אפשר לקנות חבילה של כיווץ 16,000 תמונות ב8.33$ ולהשתמש בה בכמה אתרים שרוצים (יש גם חבילות קטנות וגדולות יותר, וגם חבילות במחיר חודשי, אבל לדעתנו החבילה של ה16K מושלמת למי ש100 בחודש לא מספיק להם)

איך זה עובד?

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

חשוב לציין שיש עוד מספר תוספים דומים כמו imagify אבל אני מעדיף את shortpixel

קאש, כיווץ וlazy load

בגדול יש מגוון תוספים שמטפלים בנושא, חלקם חינמיים כמו autoptimize וחלקם בתשלום כמו WProcket.
אבל בגלל שכבר עברנו לקלאודוייז אנחנו מקבלים תוסף יעודי שלהם שנקרא breeze!

breeze

בתוסף הזה נגדיר מספר דברים שיעזרו לנו לשפר את המהירות:
תחת הלשונית basic options נסמן את ההגדרות הבאות – cache system, Gzip compression, browser cache, ואת כל תת הסעיפים תחת minification.
(חשוב! אחרי שמפעילים את הminification צריך לוודא שהאתר שלנו עדיין עובד כמו שצריך, במידה ומשהו לא עובד נבטל את כל תת הסעיפים שכוללים JS)
תחת הלשונית advanced options נסמן את ההגדרות הבאות – Lazy-Load images, group files וpreload links.
וזהו
כשסימנו את כל ההגדרות האלה מה שעשינו בעצם זה:
1. מיניפיקציה (מחיקה של כל ההערות והרווחים והתווים המיותרים מהקוד של האתר) וכיווץ כדי לצמצם את כמות המידע שעובר מהשרת לגולש.
2. דחייה של טעינת התמונות עד הרגע שהגולש רואה אותם והצגה שלהם בפורמטים עדכניים.
3. קאש (cache או בעברית זיכרון מטמון).
4. איחוד של כל קבצי הקוד כדי לצמצם בקשות לשרת.
5. טעינה מוקדמת של דפים לפני המעבר אליהם כשהגולש עובר ליד הקישור אליהם.

לסיכום

בעבודה של פחות משעה, נוכל לשפר את חוויית המשתמש של הגולשים שלנו בעשרות מונים, ולעזור לקידום האתר שלנו בגוגל.
במעבר לאחסון ענן מתקדם ומהיר כמו קלאוודוייז, כיווץ התמונות, והגדרת התוסף breeze נעשה 80% מעבודות אופטימיזציית המהירות ונגיע לתוצאה מעולה בלי לבזבז זמן או כסף (ואפילו לחסוך עם קוד ההנחה שלנו – KNOBY )

תוכן עניינים

הצטרפו לניוזלטר שלנו!

השאירו את המייל שלכם כאן למטה וקבלו את כל העדכונים וההצעות החמות לפני כולם + תוכן בלעדי לחברי הניוזלטר בלבד!

הצטרפו לניוזלטר שלנו!

השאירו את המייל שלכם כאן למטה וקבלו את כל העדכונים וההצעות החמות לפני כולם + תוכן בלעדי לחברי הניוזלטר בלבד!

אהבתם?   שתפו עם חברים:

שיתוף ב facebook
Facebook
שיתוף ב twitter
Twitter
שיתוף ב linkedin
LinkedIn
Knoby studio LOGO סטודיו נובי לוגו