אתר רגוע שהוא גם קל

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

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

בקצרה

• התנועה עדינה, והיא נכבית אצל מי שהמכשיר שלו מבקש פחות תנועה.
• התמונות בפורמט קטן יותר, הגופנים מגיעים מהאתר עצמו, והדפים נבנים מראש.
• ב־28 באוקטובר 2026 נגישות, שיטות עבודה מומלצות וקידום אתרים בחיפוש (SEO) קיבלו 100 בכל שבעה־עשר הדפים שבדקנו.
• הביצועים קיבלו 100 בגודל מחשב. בטלפון מדומה הם קיבלו בהתחלה 91 עד 99, ואחרי שצמצמנו תמונות וגופנים, 94 עד 100.

תנועה שלא עולה הרבה

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

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

תמונות, גופנים ודפים

• התמונות נשמרות בפורמט חדש יותר שהופך את אותה תמונה לקטנה יותר.
• הגופנים מוגשים מהאתר עצמו, כך שהדף לא מחכה לאתר אחר.
• כללי הסגנון (איך הדברים נראים) מוטמעים בתוך כל דף, כך שהדפדפן לא מחכה לקובץ שני לפני שהוא יכול לצייר את הדף.
• הדפים נבנים פעם אחת, מראש. פתיחת דף היא פשוט שליחת קובץ.
• קבצים שלא משתנים נשמרים בדפדפן של המבקר (במטמון) למשך שנה.
• תפריט הנגישות והודעת העוגיות נבנו בהתחלה כחלקים אינטראקטיביים שצריכים קוד נוסף כדי לרוץ. כתבנו אותם מחדש כ־HTML פשוט (השפה הבסיסית של דפי אינטרנט) וסקריפט קטן (קטע קוד קצר), כך שהם כמעט לא מוסיפים משקל לדף.

איך בדקנו

השתמשנו ב־Lighthouse (נפתח בלשונית חדשה), בודק חינמי שנותן לדף ציון על מהירות, נגישות, שיטות עבודה מומלצות וקידום אתרים בחיפוש.

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

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

מה היו התוצאות

ב־28 באוקטובר 2026, בשבעה־עשר דפים בשתי השפות, כולל הסיפורים האלה:

• נגישות, שיטות עבודה מומלצות וקידום אתרים בחיפוש קיבלו 100 בכל דף, בשני הגדלים;
• הביצועים קיבלו 100 בגודל מחשב בכל דף;
• הביצועים בחיבור טלפון מדומה (הבודק מדמה טלפון איטי בחיבור איטי) היו נמוכים יותר: בין 91 ל־99, בשתי הרצות.

בטלפון המדומה, החלק הגדול ביותר שנראה בדף הופיע אחרי 2.0 עד 3.2 שניות בשתי ההרצות. במחשב זה היה פחות משנייה. הטלפון המדומה איטי בכוונה, אבל מספר שנמוך מ־100 הוא מספר שנמוך מ־100, ובחרנו להגיד לכם ולא לעגל כלפי מעלה.

צמצום אחרי ההרצה הראשונה

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

• התמונות נשמרות באיכות נמוכה יותר, והתמונה הראשית של דף הבית ירדה מ־67 ל־40 קילובייט;
• גופנים של חלקי דף שאיש עוד לא רואה, תפריט הנגישות הסגור ובטלפון גם התחתית, כבר לא יורדים מוקדם;
• שני קבצי גופן קטנים כבר לא יושבים בתוך כללי הסגנון של כל דף.

אחר כך, בשלוש הרצות ב־28 באוקטובר, הביצועים בגודל טלפון היו בין 94 ל־100, ובהרצה שלנו החלק הגדול ביותר שנראה בכל דף הופיע אחרי 1.7 עד 2.4 שניות. לא כל דף הגיע ל־100. מה שנשאר הוא בעיקר הגופנים שנותנים לאתר את המראה שלו, והחלטנו לשמור עליהם.

מה אנחנו לוקחים מזה

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