לפני כמה ימים Cloudflare יצאו בהודעה שבחודשים הקרובים (ב-05.08.2024 ליתר דיוק) הם צפויים להפסיק את אחד הפיצ׳רים הראשונים שבו הם תמכו והפך אותם ל-CDN אקטיבי, מדובר על ה-Auto Minify.
בואו נבין רגע מה זה Minify?
תהליך Minification אומר צימצום של קבצים למינימום הדרוש כדי שהדפדפן שלנו יוכל לקרוא אותם בצורה תקינה.
נקח למשל קטע קוד של CSS שבדרך כלל יראה ככה:
body {
background: red;
}
מה שאנחנו רואים פה זה CSS פשוט שמחליף את הרקע של האתר לרקע בצבע אדום. ממש פשוט.
תסתכלו על הקטע קוד הזה, הוא מאוד קריא לנו, יש בו רווחים, כמה שורות, הוא מתאים לקריאה של בני אדם.
הדפדפן שלנו לא צריך את כל העימוד הזה, מבחינתו זה מיותר, הוא יודע לקרוא את זה גם בצורה הזאת:
body {background:red;}
נראה שינוי מינורי נכון? אבל אם נכפיל את החיסכון הזה של הכמה תווים באלפי שורות קוד ברחבי האתר, הגענו לחיסכון מאוד משמעותי (כן, 250kb בנפח הקובץ יכול להיות משמעותי) במשקל הקבצים וכפועל יוצא מכך גם בזמן הטעינה של האתר והעומס על השרת.
אז אם זה כל כך חיובי, למה Cloudflare מסירים את זה?
אתחיל מזה שבתכל׳ס זה לא מאוד מפתיע, בשנים האחרונות, בעולמות הפיתוח וגם באתרי הוורדפרס, תהליך ה-Minification נעשה כבר ביעד, כלומר באתר עצמו בעזרת תוספפי ה-cache למינהם או בתהליך הבניה של התבנית על ידי צוות הפיתוח (מה שנקרא Build).
ל-Cloudflare יש מדיניות שאני מאוד אוהב, במקום מקסימום פיצ׳רים, להשאיר רק את הפיצ׳רים היעילים ביותר, שתורמים הכי הרבה למשתמש. הם ראו שהמגמה הולכת לכיוון מיניפיקציה באתרים עצמם והם פשוט הבינו שאין להם סיבה לבזבז על זה משאבים.
מה צריך לבדוק לקראת האירוע הזה?
בשביל לוודא שאנחנו לא הולכים לפספס פה משהו או לקבל שינמוך בביצועי האתר, כדי להכנס לאתר שלכם ולבדוק את הדברים הבאים:
- בדקו שיש לכם תוסף cache מותקן על האתר, אני עובד עם WP Rocket ברוב המקרים
- הכנסו להגדרות האופטימיזציה ובדקו ש-Minify CSS ו-Minify JS מופעלים
שימו לב שהפעלה של Minify יכולה ליצור קונפליקטים ותקלות (בעיקר בצד של ה-JS), אז תעשו מעבר על האתר וב-Console Log לפני ואחרי שאתם מפעילים את האפשרות הזאת.
ככה זה נראה ב-WP Rocket:
