רציתי לשאול באופן כללי מה יותר מקובל, לצרף קובץ css עם העיצוב שלנו ולקשר אותו לדף הhtml או לפתוח אלמנט style בתוך הhead ושם להכניס את העיצוב? או באילו סיטואציות עדיף שאעשה כך או אחרת, או מה היתרונות והחסרונות של כל שיטה?
לייק 1
אני הבנתי שכאשר אותו עיצוב ישמש אותנו למספר דפים נשתמש בגישה של External CSS (קובץ נפרד) כי אז בפעולה פשוטה נקשר לכל הדפים הרלוונטים.
Internal CSS ישמש אותנו כאשר אנחנו מייצרים דף יחודי עם עיצוב שונה משאר הדפים או שמדובר בפרויקט קטן (אולי כמו דף נחיתה וכד’)
לייק 1
היתרון ב־Internal CSS הוא שאתה חוסך קריאת HTTP. כי בגדול, כל פעם שאתה משתמש ב־link src, הדפדפן מעבד את הדף שבו יש את ה־link src ואז מוציא קריאה נוספת לרשת כדי להשיג את ה־CSS שכתובתו צוינה ב־src.
אבל כדאי לזכור שכבר הרבה זמן דפדפנים לא באמת מורידים מחדש את ה־CSS כל פעם מחדש (יש cache).
לכן היתרון של External CSS (לייבא CSS בעזרת link) זה שאם אתה משתמש פחות או יותר באותו CSS בכל הדפים באתר שלך, אתה תצטרך להוריד מהאינטרנט הרבה פחות קוד בכל עמוד – הדפדפן יביא את ה־CSS מהמטמון במקום להוריד כחלק מהדף (מה שקורה בהכרח ב־internal CSS).
אתרים שעברו אופטימיזציה רצינית עושים שימוש משולב גם בזה וגם בזה – שמים CSS שרלוונטי לכל הדפים באתר ב־CSS, ו־CSS קצר שרלוונטי רק לעמוד אחד כ־Internal.
4 לייקים