نظرة عامة على منشئ الموقع

ثلاثة منشئين يحددون ما يراه الزائر، وجميعهم يتحدثون نفس اللغة: الكتل.

        ┌──────────────── Header Builder ────────────────┐
        │  topbar · logo · navigation · search · actions  │
        └────────────────────────────────────────────────┘
        ┌──────────────── Page Builder ──────────────────┐
        │  slider · banner · features · products · CTA …  │
        │  (one page = an ordered bundle of blocks)       │
        └────────────────────────────────────────────────┘
        ┌──────────────── Footer Builder ────────────────┐
        │  brand · menu columns · newsletter · legal …    │
        └────────────────────────────────────────────────┘
                              ▲
                   ┌──────────┴──────────┐
                   │  Template Library   │
                   │ pages · blocks ·    │
                   │ header · footer     │
                   └─────────────────────┘

لماذا هم منشئون منفصلون

محتوى الصفحة ومظهر الموقع متشابهان ولكن سلوكهما مختلف. يظهر الكروم على كل صفحة, يجب أن يتم تحميله بسرعة، ويحتوي على وظائف حية (التنقل، البحث، السلة). محتوى الصفحة هو لكل عنوان URL ومعظمها تحريرية. لذا يحصل الكروم على تخزين خاص به وتسليم مؤقت خاص به، بينما تحصل الصفحات على محرر الكتل الكامل. كلاهما يستخدم نفس JSON الكتل، وهو ما يسمح لمكتبة القوالب الواحدة بخدمة الجميع.

هذا يعكس كيف تقسم الأنظمة الناضجة الأخرى ذلك - ووردبريس يسمي الكروم "أجزاء القالب"، وشوبيفاي يسميها "مجموعات الأقسام". لا أحد يعرض الرأس من خلال محرك الصفحة.

أين تجد كل واحد منهم

نموذج الأداء

يتم جلب الرأس والتذييل بواسطة واجهة المتجر في طلب مؤقت واحد (GET /public/site-chrome)، يبدأ بواسطة <link rel="preload"> في قشرة الصفحة. على ذاكرة مؤقتة دافئة تكلفة هذا الطلب صفر استعلامات قاعدة بيانات، ويتم تخزين الطلب في علامة تبويب المتصفح لل جلسة، لذا الانتقال بين الصفحات لا يعيد جلبه أبداً. لا شيء متعلق بالكروم يعمل داخل طلب الصفحة، لذا لا يتم حظر الطلاء الأول - الهيكل العظمي يحتفظ بالتخطيط حتى تصل الحمولة.