יום חמישי, 11 באפריל 2013

כיצד לשפר ביצועים של האתר- Minify

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

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

בפוסט הזה נלמד על שיטה נוספת פשוטה- Minify, או בעברית פשוטה- הקטנה:

לרוב אתרי אינטרנט רשומים בעזרת קבצי PHP, CSS ו- JS.
אלו קבצים אשר כתובים בפורמט מסויים כדי להעניק תכונות מסויימות לאתר אבל בסופו של דבר הם קבצי טקסט.
המטרה שלנו היא להקטין את הגודל של אותם קבצי טקסט למינימום האפשרי ללא שינוי התוכן והפונקציונליות.
ההקטנה אפשרית לשני מצבים: 1. BASIC ו-2. STRONG.

בוא נכיר כל מצב..
1. BASIC הינה ההקטנה הבסיסית לאותם קבצים. ההקטנה באה לידי ביטוי בהורדת רווחים ואת כל ההערות של התוכניתן.

2. STRONG- כמו בייסיק ובנוסף הפיכת כל שמות המשתנים למשתנה בעל אות אחת חסרת משמעות.
אם נגיד שם המשתנה הוא MyVar הרי הוא יהפוך ל- M.



הנה דוגמא לקובץ CSS פשוט-








והנה הדוגמא לאותו קובץ שעבר הקטנה.
שימו לב שמדובר באותו קובץ, שעבר הקטנה לשורה אחת!


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


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

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

רוצים עוד בלוגים על שיפור ביצועים של האתר שלכם, כנסו ללינקים הבאים:

http://www.hodspot.com/2013/04/leverage-browser-caching.html
http://www.hodspot.com/2013/03/blog-post.html



0 comments:

הוסף רשומת תגובה

Twitter Delicious Facebook Digg Stumbleupon Favorites More