วิธีค้นหาสไตล์ CSS ที่ไม่ได้ใช้ในสไตล์ชีตของคุณ

CSS

แม้ว่าสไตล์ชีตของคุณจะถูกแคชไว้ แต่ในครั้งแรกที่มีคนเข้าชมไซต์ของคุณไฟล์ CSS ขนาดใหญ่อาจทำให้ไซต์ของคุณช้าลงได้ สิ่งนี้ไม่ดีเกินไปสำหรับความประทับใจแรก เมื่อไซต์เติบโตขึ้นพวกเขามักจะขยายตัวด้วยวิดเจ็ตและวัตถุใหม่ ๆ ที่นักออกแบบยังคงปรับแต่งอย่างต่อเนื่องด้วยตัวเลือกสไตล์ชีตที่มากขึ้นเรื่อย ๆ เมื่อเวลาผ่านไปสไตล์ชีตของคุณจะค่อนข้างบวมและเป็นส่วนสำคัญของ เหตุใดไซต์ของคุณจึงดาวน์โหลดช้าลง กว่าคนอื่น ๆ

ฉันเคยเห็นเครื่องมือยืนยัน CSS อื่น ๆ บนเว็บ เราเคยใช้ ทำความสะอาด CSS เพื่อลดขนาดไฟล์โดยจัดระเบียบและย่อขนาดข้อมูลให้ดีขึ้น เมื่อคุณใช้บุคคลที่สามในการวิเคราะห์ไซต์ของคุณคุณต้องระมัดระวัง หากพวกเขาขูดหน้าเดียวและวิเคราะห์ CSS ของคุณเครื่องมืออาจให้คุณลบสไตล์ที่ลดจำนวนมากที่ใช้ในหน้าอื่น ๆ

ไม่ใช่กรณีที่มี CSS ที่ไม่ได้ใช้ - เครื่องมือที่ Andrew Baldock จาก Mindjet, a แผนผังความคิด แอปพลิเคชันแสดงให้ฉันเห็นเมื่อวานนี้ เครื่องมือนี้จะรวบรวมข้อมูลไซต์ของคุณและระบุ CSS ที่ไม่ได้ใช้ คุณสามารถตรวจสอบรูปแบบที่คุณต้องการเก็บไว้ได้โดยไม่คำนึงถึงการวิเคราะห์ คุณสามารถดาวน์โหลดสไตล์ชีตได้หลังจากที่รันผ่านรูทีนลดขนาดแล้ว

css ที่ไม่ได้ใช้

ด้านบนคือแดชบอร์ดที่ CSS ที่ไม่ได้ใช้ พบว่ามันสามารถลดสไตล์ชีตของฉันได้ 56% เรากำลังจะทดสอบเครื่องมือต่อไป - ฉันยังคงกังวลเกี่ยวกับวัตถุที่เราดึงเข้ามาผ่าน Javascript และ Ajax อย่างไรก็ตามดูเหมือนว่าเป็นแหล่งข้อมูลที่ดีสำหรับเรา

2 คอมเมนต์

  1. 1
  2. 2

คุณคิดอย่างไร?

ไซต์นี้ใช้ Akismet เพื่อลดสแปม เรียนรู้วิธีการประมวลผลข้อมูลความคิดเห็นของคุณ.