ความครอบคลุมของรหัส

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

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

จะต้องระวังกับดักที่ชัดเจน องค์ประกอบหลอกและคลาสหลอกสถานะจะถูกถอดออกก่อนที่จะจับคู่ ดังนั้นกฎ :hover หรือ ::before จะถูกตัดสินโดยพิจารณาว่ามีตัวเลือกฐานอยู่หรือไม่ แทนที่จะถูกตัดออกอย่างไม่ถูกต้อง สไตล์ชีตที่ให้บริการแบบข้ามต้นทางโดยไม่มีส่วนหัว CORS ไม่สามารถอ่านได้ด้วยสคริปต์ใดๆ ดังนั้นจึงถือว่าอ่านไม่ได้ แทนที่จะนับว่าสมบูรณ์แบบโดยไม่รู้ตัว และเนื่องจากการสแกนจะสะท้อนถึงหน้าเว็บในขณะนั้น กฎสำหรับเมนู แท็บ และโมดอลที่ยังไม่ได้เปิดจึงดูไม่ได้ใช้ ดังนั้น ให้เปิดกฎเหล่านั้นแล้วกดสแกนซ้ำก่อนที่จะลบสิ่งใดออก

แท็บ JavaScript ตอบคำถามอื่น: น้ำหนักและการบล็อก โดยจะจัดทำรายการสคริปต์ทุกตัวที่โหลดเพจด้วยขนาดการถ่ายโอน เวลาในการดาวน์โหลด และไม่ว่าจะเป็นแบบอะซิงก์ เลื่อนออกไป เป็นโมดูล โหลดแบบไดนามิกหรือพักโปรแกรม Paint ไว้ จากนั้นจะรวมจำนวนไบต์ที่บล็อกอยู่ ไม่มีการจงใจขายเป็นการครอบคลุมการดำเนินการ การรู้ว่าบรรทัด JavaScript ใดที่รันต้องใช้ API ดีบักเกอร์ของ Chrome ซึ่ง DevSuite Pro ไม่ได้ร้องขอ ดังนั้นจึงไม่มีสิ่งใดที่นี่ที่จะปลอมแปลงเป็นรายงานระดับบรรทัดได้