يأتي Be Yours مزودًا بالقدرة على جعل تحميل الصفحة الأولية أسرع بكثير.
على هذه الصفحة
الآلية
عادةً ما يعرض المتصفح جميع العناصر الموجودة على الصفحة تقريبًا. حتى عندما تكون في الأعلى، فإن الأجزاء الموجودة في أسفل الصفحة لا تزال متضمنة.
ولكن ليس بعد الآن، هناك خاصية CSS جديدة في المدينة تسمى content-visibility . قد ترغب في تجاهل هذه المصطلحات المعقدة. للتصور، تتخطى التقنية عرض عناصر الصفحة حتى تصبح على وشك الظهور في العرض الخاص بك. تم الآن دمج هذه القدرة في Be Yours. يمكننا أن نطلب من المتصفح تأجيل عمل العرض لأجزاء معينة من الصفحة، مثل الأقسام ذات التخطيط الثقيل، وعرضها فقط عندما تكون على وشك أن تكون مرئية.
في العرض التوضيحي الخاص بنا، يؤدي تطبيق content-visibility على أقسام الصفحة الرئيسية إلى تعزيز أداء العرض بمقدار 5 أضعاف عند التحميل الأولي.
إيجابيات وسلبيات
من الواضح أن هذا يساعد في تقليل تكلفة عرض الصفحات الطويلة دون انقطاع البحث داخل الصفحة أو تحسين محركات البحث. تخيل أن لديك متجر دروبشيبينغ وأقسام عديدة في الصفحة الرئيسية تمثل المنتجات أو المجموعات؛ أو نوع من المتاجر التي تمتلئ صفحتها المقصودة بالكثير من الصور، وتكون هذه التقنية مفيدة لهذه الحالات.
ومع ذلك، تأتي هذه التقنية أيضًا مع قيودها وأخطاءها. إذا قمت بتمرير الصفحة، سترى أن شريط التمرير يبدو متعرجًا إلى حد ما، وهذا يعني أن محتوى الصفحة يضبط نفسه مع المحتوى الجديد الذي يتم عرضه. ونظرًا لأن العناصر غير المعروضة تفقد ارتفاعها في التخطيط، يمكنك أحيانًا رؤية المحتوى يظهر متأخرًا بعض الشيء أثناء تمرير الماوس.
ومن المهم أيضًا ملاحظة أن هذه التقنية غير متوافقة تمامًا. وهو غير مدعوم حاليًا على Firefox وInterner Explorer:
