Tufte-css: أضف بناء إلى المشروع

سيضيف هذا أيضًا إمكانية استخدام معالج مثل LESS أو SCSS ، ولكن قد يكون هذا مبالغة ، نظرًا لأن حجم هذا المشروع صغير جدًا. لذلك لا أوصي بهذا حقًا.

التصغير سيؤثر فقط على tufte.css ، وليس ملفات الخطوط ، صحيح؟

تُظهر اختباراتي هذا التوفير ~ 4 كيلوبايت.

يبدو هذا صحيحًا ، في الاختبار الذي أجريته ، انتقلنا من 12172 bytes بايت إلى 7839 bytes . قد لا يبدو هذا كثيرًا ، لكن كل هذا مهم. أعتقد أن جزء المُجزئ التلقائي سيساعد أيضًا في

في الوقت الحالي ، تحدد الكثير من بادئات البائعين غير المستخدمة ، ولا يتم استخدامها إلا بواسطة الإصدارات القديمة جدًا من Google و Firefox ، نظرًا لأنه يتم تحديثها بنفسها ، فلا أحد تقريبًا يستخدم الإصدارات القديمة. هذا مجرد تضخيم لملف CSS ، و CSS مهم جدًا لعرض الصفحة.

الخط لم يتأثر ، woff2 مضغوط بالفعل. ولكن إذا كانت موجودة على Google Font أو خدمة أخرى ، فيمكنك الحصول على القليل من خلال تخزينها مؤقتًا. سيسهل هذا أيضًا على الأشخاص الآخرين الوصول إلى الخط ، وفي الوقت الحالي يحتاجون إلى تنزيله - لكن الخط قد لا يكون متاحًا على CDN (شبكة توصيل المحتوى).

ربما تكون أكبر فائدة هي تضمين CSS الحرج لموقع الويب في html - يمكن القيام بذلك مع خطوة الإنشاء أيضًا ، لكنه لن يساعد الأشخاص الآخرين الذين يستخدمون الأنماط.

تستخدم العديد من مشاريع الويب الآن npm كمدير حزم. سيكون رائعًا إذا قمت بتضمين ملف package.json بخطوة إنشاء ونشر الحزمة في سجل npm. سيسمح ذلك بسهولة التثبيت والاستيراد والترقية.

Saturate لقد لاحظت تمامًا هذا الجزء من تعليقك:

في الوقت الحالي ، تحدد الكثير من بادئات البائعين غير المستخدمة ، ولا يتم استخدامها إلا بواسطة الإصدارات القديمة جدًا من Google و Firefox ، نظرًا لأنه يتم تحديثها بنفسها ، فلا أحد تقريبًا يستخدم الإصدارات القديمة. هذا مجرد تضخيم لملف CSS

لا أرى أين يفعل Tufte CSS هذا. تشغيله من خلال البادئة التلقائية يؤدي فقط إلى حذف بعض background-size . هل ترى المزيد من الرموز المحذوفة المحتملة هنا؟