רוטר - מה עדיף - לטעון 4 קבצי CSS או קובץ 1 שמאחד את כולם?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"מה עדיף - לטעון 4 קבצי CSS או קובץ 1 שמאחד את כולם?"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #22288	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 22288

Lonjie

חבר מתאריך 9.3.10
5743 הודעות, 2 פידבק

20:15 20.12.18

מה עדיף - לטעון 4 קבצי CSS או קובץ 1 שמאחד את כולם?

רציתי לדעת מה עדיף מבחינת הכל, הכוונה לקידום האתר, משקל קבצים, כמות פעמים של בקשות מהשרת וכו'.
יש 4 קבצי CSS שנטענים שלא עברו Minify, שוקלים X. זה אומר 4 בקשות מהשרת.
או עדיף לטעון את כל קבצי CSS בקובץ אחד שעבר Minify שוקל Y (רוב הסיכויים פחות שמארבעת הקבצים ביחד אבל יותר גדול מכל אחד מהם). זה אומר בקשה אחת מהשרת אבל טיפה גדולה.

אשמח לשמוע את דעתכם

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
מן הסתם שקובץ אחד	אורי	20.12.18 20:35	1
קובץ אחד.. יש כלים שמאחדים קבצים	inno3D	22.12.18 00:31	2
על קצה המזלג, כמובן שעדיף בקשה אחת	CaTz	22.12.18 20:53	3
אממ בקשר לכמות בקשות	aCoZz	01.02.19 19:59	7
תודה לכולם :)	Lonjie	23.12.18 19:43	4
עונה כאיש תקשורת ולא מתכנת	code_blue	29.01.19 07:55	5
תיוג	code_blue	29.01.19 07:55	6
בגדול - עדיף 1, אבל	kickass	03.04.19 03:51	8

אורי
חבר מתאריך 9.7.12
20459 הודעות

20:35 20.12.18

1. מן הסתם שקובץ אחד
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

inno3D
חבר מתאריך 21.4.02
4533 הודעות

00:31 22.12.18

2. קובץ אחד.. יש כלים שמאחדים קבצים
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

CaTz
חבר מתאריך 2.10.04
14537 הודעות

20:53 22.12.18

3. על קצה המזלג, כמובן שעדיף בקשה אחת
בתגובה להודעה מספר 0

גם אם היא גדולה יותר, יש מגבלה לכמות בקשות במקביל לאותו דומיין (בכרום זה עומד על 6).
תחשוב שאם היה לך 4, היית טופס מעל לחצי מהבקשות.
אבל המגמה החדשה שגוגל מנסים לקדם, היא להביא רק את ה-css שהכרחי (critical path css). כיוון שאופן עיבוד css בדפדפן הוא כזה שחוסם רינדור על לסיום הפרסור של ה-css, חשוב שזה יהיה כמה שיותר קצר.
מקורות לקריאה
https://www.smashingmagazine.com/2015/08/understanding-critical-css/
כלים
https://github.com/addyosmani/critical-path-css-tools

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

aCoZz
חבר מתאריך 19.7.06
17692 הודעות

19:59 01.02.19

7. אממ בקשר לכמות בקשות
בתגובה להודעה מספר 3

זה נכון אבל בכלל זה משמשים ב CDN

בכללי עדיף לשבור לצ'נקים של לא יותר מחצי מגה ולהשתמש ב CDN

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Lonjie

חבר מתאריך 9.3.10
5743 הודעות, 2 פידבק

19:43 23.12.18

4. תודה לכולם :)
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

07:55 29.01.19

5. עונה כאיש תקשורת ולא מתכנת
בתגובה להודעה מספר 0

יש תקורה (overhead - יעני סתם בזבוז) של בקשות של 4 עמודים ולכן כדאי לאחד לעמוד אחד
מצד שני למיטב ידיעתי טעינה של css היא הכל או כלום כלומר אם יש 1000 שורות בקובץ הדפדפן קודם יקבל את כל הקובץ ואז יפרסר 1000 שורות
אם תחלק למספר קבצים תוכל להתחיל מהעיצוב היותר קריטי לך נניח חלוקה ל250 שורות ב4 עמודי css
בקובץ הראשון תשים את המסגרת הכללית של עיצוב הדף ובשאר השלמות של פונטים ואי אלו תוספות כמו shadow

נשלח ע"י הסלולרי

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

07:55 29.01.19

6. תיוג
בתגובה להודעה מספר 5

@Lonjie@

נשלח ע"י הסלולרי

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

kickass
חבר מתאריך 22.3.02
1539 הודעות

03:51 03.04.19

8. בגדול - עדיף 1, אבל
בתגובה להודעה מספר 0

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

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד