Zinn® Cache: הסרת CSS שאינו בשימוש, השהיית JavaScript והגשת WebP ו-AVIF

הסירו CSS שאינו בשימוש, השהו JavaScript והגישו WebP ו-AVIF

השתמשו בלשונית ה-CSS וה-JavaScript של Zinn® Cache Pro כדי להסיר CSS שאינו בשימוש ולהשהות סקריפטים, ובלשונית התמונות שלו עבור WebP, AVIF וגדלי תמונות חסרים — מדוע אין אפשרות כיווץ (minify) או שילוב (combine), וכיצד לבטל שינוי שמשבש דף.

1. בדקו שינוי אחד בכל פעם — מיטוב נכסים משנה את האופן שבו הדפדפן מקבל את קובצי ערכת העיצוב שלכם. שנו הגדרה אחת, בדקו את האתר, ולאחר מכן המשיכו הלאה, כדי שלכל בעיה תהיה סיבה ברורה.
2. פתחו את הלשונית CSS ו-JavaScript — ב-WordPress פתחו את Zinn Digital®, לאחר מכן Cache Pro, ואז CSS ו-JavaScript. התמונות נמצאות בלשונית משלהן.
3. התחילו עם ברירות המחדל הבטוחות — השאירו את השתמש בברירות המחדל הבטוחות מופעל. אפשרות זו אינה משהה לעולם את jQuery או באנרים להסכמת קובצי Cookie ואינה נוגעת בדפי תשלום.
4. השהו JavaScript, ולאחר מכן הסירו CSS שאינו בשימוש — הפעילו את השהה JavaScript עד שהמבקר מקיים אינטראקציה, שמרו ובדקו את הדפים החשובים שלכם כשאתם מנותקים מהמערכת. לאחר מכן הפעילו את הסר CSS שאינו בשימוש. אם משהו מפסיק לפעול, הוסיפו את הסקריפט או גיליון הסגנון שלו לרשימת הקבצים שאין לגעת בהם.
5. הגישו תמונות WebP ו-AVIF — בלשונית תמונות הפעילו את WebP או AVIF, ולאחר מכן המירו את התמונות הקיימות שלכם. קובצי המקור נשארים במקומם, ולחיצה אחת מסירה כל עותק שהומר.
6. מדוע אין אפשרות כיווץ או שילוב — שילוב קבצים סייע ב-HTTP/1.1 אך מאט דפים ב-HTTP/2 וב-HTTP/3, וכיווץ (minify) חוסך אחוזים בודדים בלבד לאחר דחיסת הקבצים, בעוד שהוא הגורם הנפוץ ביותר לשיבוש עיצוב הדף. הסרת CSS שאינו בשימוש והשהיית JavaScript הן המקום שבו טמון היתרון האמיתי.

כולל צילומי מסך: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress