การย่อขนาด HTML? [ปิด]

มีเครื่องมือออนไลน์ที่เราสามารถใส่ซอร์สHTMLของเพจลงในและจะย่อโค้ดหรือไม่?

ฉันจะทำเช่นนั้นสำหรับไฟล์ aspx เนื่องจากไม่ใช่ความคิดที่ดีที่จะทำให้เว็บเซิร์ฟเวอร์ gzip พวกเขา ...

อาจลองใช้ HTML Compressor ต่อไปนี้เป็นตารางก่อนและหลังที่แสดงสิ่งที่สามารถทำได้ (รวมถึง Stack Overflow เอง):

มีตัวเลือกมากมายสำหรับการเพิ่มประสิทธิภาพหน้าเว็บของคุณและรวมถึงการย่อขนาดสคริปต์ (ompressor, Google Closure Compiler, Compressor ของคุณเอง) ซึ่งจะปลอดภัย ชุดตัวเลือกเริ่มต้นค่อนข้างอนุรักษ์นิยมดังนั้นคุณสามารถเริ่มต้นด้วยสิ่งนั้นและทดลองด้วยการเปิดใช้งานตัวเลือกเชิงรุกมากขึ้น

โครงการนี้ได้รับการบันทึกและสนับสนุนเป็นอย่างดี

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

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

(หากคุณแน่ใจว่าต้องการไปและใช้ Apache httpd คุณอาจลองใช้mod_pagespeedและเปิดตัวเลือกบางอย่างเพื่อลดช่องว่าง ฯลฯ แต่ระวังความเสี่ยง )

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

คำตอบที่เขียนนี้ล้าสมัยมากหรือบางครั้งก็ไม่สมเหตุสมผล หลายสิ่งหลายอย่างเปลี่ยนไปจากปี 2009 เก่าดังนั้นฉันจะพยายามตอบให้ถูกต้อง

คำตอบสั้น ๆ - คุณแน่นอนควรลดขนาด HTML มันเป็นเรื่องเล็ก ๆ น้อยในวันนี้และให้ประมาณspeedup 5% สำหรับคำตอบที่ยาวขึ้นโปรดอ่านคำตอบทั้งหมด

ย้อนกลับไปในสมัยก่อนผู้คนกำลังลดขนาด css / js ด้วยตนเอง (โดยเรียกใช้ผ่านเครื่องมือเฉพาะบางอย่างเพื่อย่อขนาด) เป็นเรื่องยากที่จะทำให้กระบวนการเป็นไปโดยอัตโนมัติและต้องใช้ทักษะบางอย่างอย่างแน่นอน เมื่อทราบว่าไซต์ระดับสูงจำนวนมากแม้ในขณะนี้ไม่ได้ใช้ gzip (ซึ่งเป็นเรื่องเล็กน้อย) เป็นที่เข้าใจได้ว่าผู้คนไม่เต็มใจที่จะลดขนาด html

เหตุใดผู้คนจึงลดขนาด js แต่ไม่ใช่ html ? เมื่อคุณย่อขนาด JS ให้ทำสิ่งต่อไปนี้:

• ลบความคิดเห็น
• ลบช่องว่าง (แท็บช่องว่างบรรทัดใหม่)
• เปลี่ยนชื่อยาวเป็นสั้น ( var isUserLoggedInถึงvar a)

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

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

ข้อโต้แย้งอีกประการหนึ่งว่าทำไมการลดทอนความไร้จุดหมายก็คือมันน่าเบื่อ อาจจะเป็นจริงในปี 2009 แต่มีเครื่องมือใหม่ปรากฏขึ้นหลังจากเวลานี้ ตอนนี้คุณไม่จำเป็นต้องย่อขนาดมาร์กอัปด้วยตนเอง ด้วยสิ่งต่างๆเช่นGruntการติดตั้งgrunt-Contrib-htmlminนั้นเป็นเรื่องเล็กน้อย(อาศัยHTMLMinifierโดย @kangax) และกำหนดค่าเพื่อลดขนาด html ของคุณ สิ่งที่คุณต้องมีคือ 2 ชั่วโมงในการเรียนรู้คำสั่งและกำหนดค่าทุกอย่างจากนั้นทุกอย่างจะเสร็จสิ้นโดยอัตโนมัติในเวลาไม่ถึงวินาที ฟังดูว่า 1 วินาที (ซึ่งคุณสามารถทำได้โดยอัตโนมัติโดยไม่ต้องทำอะไรกับนาฬิกาที่มีส่วนร่วม ) นั้นไม่เลวเลยสำหรับการปรับปรุงประมาณ 5% (แม้จะใช้ gzip)

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

เพื่อจบความคิดของฉัน:

• Google กำลังลดขนาด html
• pageSpeedขอให้คุณลดขนาด html
• เป็นเรื่องเล็กน้อยที่จะทำ
• ให้การปรับปรุง ~ 5%
• มันไม่เหมือนกับ gzip

ฉันเขียนเครื่องมือเว็บเพื่อย่อขนาด HTML http://prettydiff.com/?m=minify&html

เครื่องมือนี้ทำงานโดยใช้กฎเหล่านี้:

• การลดขนาด CSS และ JavaScript ใช้รูปแบบ JSMin ที่แยกออกจากกันอย่างหนัก ส้อมนี้ได้รับการขยายเพื่อรองรับ CSS แบบเนทีฟและยังรองรับไวยากรณ์ SCSS รองรับการแทรกอัฒภาคอัตโนมัติสำหรับการลดขนาดของ JavaScript แต่ยังไม่รองรับการแทรกวงเล็บปีกกาอัตโนมัติ

สิ่งนี้ใช้ได้ผลสำหรับฉัน:

http://minify.googlecode.com/git/min/lib/Minify/HTML.php

ไม่ใช่เครื่องมือออนไลน์ที่มีอยู่แล้ว แต่การเป็น PHP แบบธรรมดานั้นง่ายพอที่คุณจะเรียกใช้งานได้ด้วยตัวเอง

ฉันจะไม่บันทึกไฟล์บีบอัด แต่ทำแบบไดนามิกถ้าคุณจำเป็นต้องทำจริงๆและควรเปิดใช้งานการบีบอัดเซิร์ฟเวอร์ Gzip เสมอ ฉันไม่รู้ว่าเกี่ยวข้องกับ IIS / .Net อย่างไร แต่ใน PHP มันเป็นเรื่องเล็กน้อยพอ ๆ กับการเพิ่มหนึ่งบรรทัดในไฟล์ global include

CodeProject มีโครงการตัวอย่างที่เผยแพร่ ( http://www.codeproject.com/KB/aspnet/AspNetOptimizer.aspx?fid=1528916&df=90&mpp=25&noise=3&sort=Position&view=Quick&select=2794900 ) เพื่อจัดการสถานการณ์ต่อไปนี้ .. .

• การรวมการเรียก ScriptResource.axd ไว้ในการโทรครั้งเดียว
• บีบอัดสคริปต์ฝั่งไคลเอ็นต์ทั้งหมดตามความสามารถของเบราว์เซอร์รวมถึง gzip / deflate
• ScriptMinifier เพื่อลบความคิดเห็นการเยื้องและตัวแบ่งบรรทัด
• คอมเพรสเซอร์ HTML เพื่อบีบอัดมาร์กอัป html ทั้งหมดตามความสามารถของเบราว์เซอร์รวมถึง gzip / deflate
• และที่สำคัญที่สุดคือ HTML Minifier เพื่อเขียน html ที่สมบูรณ์เป็นบรรทัดเดียวและย่อขนาดในระดับที่เป็นไปได้ (อยู่ระหว่างการปรับปรุง)

สำหรับแพลตฟอร์ม Microsoft .NET มีไลบรารีที่เรียกว่าWebMarkupMinซึ่งสร้างการย่อขนาดโค้ด HTML

นอกจากนี้ยังมีเป็นโมดูลสำหรับการรวมห้องสมุดนี้ใน ASP.NET MVC - WebMarkupMin.Mvc

ลองhttp://code.mini-tips.com/html-minifier.htmlนี่คือ. NET Libary สำหรับ Html Minifier

HtmlCompressor เป็นไลบรารี. NET ขนาดเล็กที่รวดเร็วและใช้งานง่ายมากซึ่งจะลดขนาดแหล่งที่มาของ HTML หรือ XML โดยการลบช่องว่างเพิ่มเติมความคิดเห็นและอักขระอื่น ๆ ที่ไม่จำเป็นโดยไม่ทำลายโครงสร้างเนื้อหา ด้วยเหตุนี้หน้าจึงมีขนาดเล็กลงและโหลดได้เร็วขึ้น นอกจากนี้ยังมีเวอร์ชันบรรทัดคำสั่งของคอมเพรสเซอร์