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

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

เว็บไซต์อย่างเป็นทางการ.

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

ข้อดีของระบบคือการมีฟังก์ชั่นต่อไปนี้ "นอกกรอบ":

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

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

ประเภท3

เว็บไซต์อย่างเป็นทางการ.

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

ข้อดีของ TYPO3:

• ความสามารถในการปรับแต่งสิทธิ์ของผู้ใช้
• ความสะดวกในการดูแลรักษาหลาย ๆ ไซต์ในเวลาเดียวกัน
• ความสามารถในการใช้ส่วนขยายจาก TER (ที่เก็บส่วนขยาย TYPO3);
• ข้อกำหนดด้านความปลอดภัยสูง
• โปรแกรมแก้ไขข้อความขั้นสูงพร้อมการตรวจตัวสะกด ดูตัวอย่าง ประวัติการเปลี่ยนแปลง

ข้อเสียของระบบนี้:

• ความยากในการแก้ไขโครงสร้างไซต์โดยใช้เครื่องมือเทมเพลต
• การแสดงผลหน้าเว็บขนาดใหญ่ช้าซึ่งมีเนื้อหาหลากหลาย (ตาราง รูปภาพ)
• โซลูชันสำเร็จรูปบางส่วนสำหรับร้านค้าออนไลน์

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

ดรูปัล

เว็บไซต์อย่างเป็นทางการ.

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

ข้อดีของ Drupal:

• การสนับสนุนที่ดีเยี่ยมจากชุมชนผู้ใช้และนักพัฒนา
• มากกว่า 6,000 โมดูลที่อำนวยความสะดวกในการขยายฟังก์ชันการทำงาน
• จัดการสิทธิ์ผู้ใช้ สร้างบล็อกและฟอรัมรวมได้อย่างง่ายดาย

ข้อเสียของระบบ:

• อาจซับซ้อนเกินไปสำหรับไซต์ธรรมดา
• ขาดธีมที่สวยงามและใช้งานได้จริง
• ยากที่จะเรียนรู้สำหรับผู้ใช้ที่ไม่ผ่านการฝึกอบรม

สำหรับเว็บไซต์นามบัตร ไม่แนะนำให้เลือก CMS นี้อย่างเด็ดขาด แต่สำหรับการจัดระเบียบพอร์ทัลขนาดกลางและขนาดใหญ่ที่ผู้ใช้จะเพิ่มเนื้อหาและแสดงความคิดเห็น Drupal มีความเหมาะสมที่ไม่เหมือนใคร

MODX

เว็บไซต์อย่างเป็นทางการ.

หนึ่งใน CMS ที่อายุน้อยที่สุด (การพัฒนาดำเนินไปตั้งแต่ปี 2547) ซึ่งปรากฏที่จุดเริ่มต้นของการก่อตัวของ Web 2.0 ที่เรียกว่า แนวคิดคือการให้ผู้ใช้มีส่วนร่วมในการแก้ไขและเพิ่มเนื้อหาลงในไซต์ เช่น การเขียนบทวิจารณ์ บทวิจารณ์ และแม้แต่บทความทั้งบทความ ดังนั้นจึงมีระบบการลงทะเบียนผู้ใช้ที่ดี การค้นหาไซต์โดยใช้ AJAX (โดยไม่ต้องโหลดหน้าซ้ำ) คุณสามารถขยายฟีดข่าวได้อย่างรวดเร็วและบล็อกรวม ข้อเสียรวมถึงปัญหาที่พบบ่อยเกี่ยวกับการเข้ารหัสภาษารัสเซียซึ่งยังไม่ได้รับการแก้ไขอย่างสมบูรณ์แม้ว่าจะปรากฏขึ้นเมื่อนานมาแล้วก็ตาม ขาดโมดูลและโซลูชั่นสำเร็จรูปสำหรับการจัดแกลเลอรี ฟอรัม หรือร้านค้าอิเล็กทรอนิกส์

เวิร์ดเพรส

เว็บไซต์อย่างเป็นทางการ.

หากใครยังสงสัยว่า WordPress เติบโตเกินขอบเขต “ระบบบล็อก” มานานแล้ว ข้อสงสัยเหล่านี้ก็ควรจะละทิ้งไป มีการพัฒนาเว็บไซต์ที่หลากหลายบน CMS นี้ รวมถึงโซเชียลเน็ตเวิร์ก เว็บไซต์บริษัท ร้านค้าออนไลน์และการแสดงผลิตภัณฑ์ ฟอรัม รวมถึงไซต์นามบัตรแบบธรรมดา

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

ข้อดีของเวิร์ดเพรส:

• ชุมชนนักพัฒนาขนาดใหญ่และเอกสารที่มีโครงสร้างดี
• ปลั๊กอินและธีมฟรีหลายพันรายการสำหรับไซต์
• แผงผู้ดูแลระบบที่สะดวก

ข้อเสียของเวิร์ดเพรส

• ฟังก์ชั่นการเริ่มต้นทันทีหลังการติดตั้งค่อนข้างเรียบง่ายคุณต้องเสริมด้วยปลั๊กอินอย่างน้อย 4-5 ตัว
• หลังจากการติดตั้งอย่างง่าย จำเป็นต้องมีการปรับปรุงความปลอดภัยบางอย่าง

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

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

สวัสดีฮับ! ฉันขอนำเสนอการแปลบทความ Inside a super fast CSS engine: Quantum CSS (aka Stylo) โดย Lyn Clark

คุณอาจเคยได้ยินเกี่ยวกับ Project Quantum... นี่เป็นโปรเจ็กต์ที่จะปรับปรุงระบบภายในของ Firefox อย่างมีนัยสำคัญเพื่อเพิ่มความเร็วของเบราว์เซอร์ เรากำลังดำเนินการพัฒนาเบราว์เซอร์เซอร์โวรุ่นทดลองของเราทีละชิ้น และปรับปรุงองค์ประกอบอื่นๆ ของเครื่องยนต์อย่างมีนัยสำคัญ

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

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

และส่วนประกอบหลักชิ้นแรกจากเซอร์โว - เอ็นจิ้น CSS ใหม่ Quantum CSS (เดิมชื่อ Stylo) - พร้อมให้ทดสอบแล้วใน Firefox รุ่นต่อคืน (หมายเหตุผู้แปล: ในความคิดเห็นที่พวกเขาแนะนำว่ามีอยู่แล้วในเสถียร 55)- ตัวเลือกlayout.css.servo.enabledใน about:config มีหน้าที่เปิดใช้งาน

เอ็นจิ้นใหม่รวบรวมนวัตกรรมที่ดีที่สุดจากเบราว์เซอร์อื่น

Quantum CSS ใช้ประโยชน์จากฮาร์ดแวร์สมัยใหม่โดยการทำงานแบบขนานกับคอร์โปรเซสเซอร์ทั้งหมด ส่งผลให้เพิ่มความเร็วได้สูงสุดถึง 2, 4 หรือ 18 เท่า

นอกจากนี้ยังรวมการปรับให้เหมาะสมที่ทันสมัยจากเบราว์เซอร์อื่น ๆ ดังนั้นแม้จะไม่มีการทำงานแบบขนาน แต่ก็รวดเร็วมาก

แต่เอ็นจิ้น CSS ทำอะไรกันแน่? ก่อนอื่น เรามาดูกันว่ากลไก CSS โดยทั่วไปคืออะไร และตำแหน่งใดในเบราว์เซอร์ จากนั้นเราจะดูว่า Quantum CSS เร่งความเร็วของสิ่งทั้งหมดได้อย่างไร

เอ็นจิ้น CSS คืออะไร?

เอ็นจิ้น CSS เป็นส่วนหนึ่งของเอ็นจิ้นการเรนเดอร์ของเบราว์เซอร์ เอ็นจิ้นการเรนเดอร์นำไฟล์ HTML และ CSS ของไซต์มาแปลงเป็นพิกเซลบนหน้าจอ

ทุกเบราว์เซอร์มีเอ็นจิ้นการเรนเดอร์ Chrome มี Blink, Edge มี EdgeHTML, Safari มี WebKit และ Firefox มี Gecko

หากต้องการแยกไฟล์เป็นพิกเซล ไฟล์ทั้งหมดจะทำสิ่งเดียวกันโดยประมาณ:

1) การแยกวิเคราะห์ไฟล์ลงในวัตถุที่เบราว์เซอร์สามารถอ่านได้ รวมถึง DOM ในขั้นตอนนี้ DOM รู้เกี่ยวกับโครงสร้างของเพจ รู้เกี่ยวกับความสัมพันธ์ระดับบนสุดระหว่างองค์ประกอบต่างๆ แต่ไม่รู้ว่าองค์ประกอบเหล่านั้นควรมีลักษณะอย่างไร

2) การกำหนดลักษณะที่ปรากฏขององค์ประกอบ สำหรับแต่ละโหนด DOM กลไก CSS จะพิจารณาว่าจะใช้กฎ CSS ใด จากนั้นจะกำหนดค่าให้กับคุณสมบัติ CSS แต่ละรายการ จัดสไตล์แต่ละโหนดในแผนผัง DOM โดยการแนบสไตล์ที่คำนวณได้

3) กำหนดขนาดและตำแหน่งสำหรับแต่ละโหนด กล่องถูกสร้างขึ้นสำหรับทุกสิ่งที่ต้องแสดงบนหน้าจอ พวกมันไม่เพียงแต่เป็นตัวแทนโหนด DOM เท่านั้น แต่ยังรวมถึงสิ่งที่อาจอยู่ภายในโหนดด้วย เช่น บรรทัดข้อความ

4) บล็อกการวาด มันสามารถเกิดขึ้นได้หลายชั้น ฉันจินตนาการว่ามันเหมือนกับภาพเคลื่อนไหวที่วาดด้วยมือเก่า ๆ บนกระดาษโปร่งแสงหลายแผ่น สิ่งนี้ช่วยให้คุณเปลี่ยนเลเยอร์หนึ่งโดยไม่ต้องวาดเลเยอร์อื่นใหม่

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

นั่นคือก่อนที่จะเริ่มคำนวณสไตล์ อินพุตของเอ็นจิ้น CSS คือ:

• ต้นไม้ DOM
• รายการกฎสไตล์

ดังนั้นจึงกำหนดสไตล์ให้กับโหนด DOM แต่ละโหนดตามลำดับ ค่าถูกกำหนดให้กับคุณสมบัติ CSS ทุกรายการ แม้ว่าจะไม่ได้ตั้งค่าไว้ในสไตล์ชีตก็ตาม

ฉันคิดว่าเป็นการกรอกแบบฟอร์มที่จำเป็นต้องกรอกทุกช่อง คุณต้องกรอกแบบฟอร์มนี้สำหรับแต่ละโหนด DOM

เมื่อต้องการทำเช่นนี้ เอ็นจิ้น CSS ต้องทำสองสิ่ง:

• เลือกกฎที่ควรใช้กับโหนด (การจับคู่ตัวเลือก)
• เติมค่าที่หายไปทั้งหมดด้วยค่ามาตรฐานหรือสืบทอดค่าพาเรนต์ (cascade)

การทำแผนที่ตัวเลือก

ในการเริ่มต้น เราเลือกกฎทั้งหมดที่ใช้กับโหนดในรายการ เนื่องจากอาจมีกฎที่ตรงกันมากกว่าหนึ่งกฎ จึงมีคำจำกัดความของคุณสมบัติเดียวกันได้หลายคำ

นอกจากนี้ เบราว์เซอร์เองก็เพิ่มสไตล์มาตรฐานบางอย่าง (สไตล์ชีตตัวแทนผู้ใช้) ดังนั้นเอ็นจิ้น CSS จะกำหนดค่าใดที่จะใช้ได้อย่างไร

นี่คือจุดที่ "กฎเฉพาะเจาะจง" เข้ามาช่วยเหลือเรา กลไก CSS จะสร้างตารางคำจำกัดความ ซึ่งจะจัดเรียงเป็นคอลัมน์ต่างๆ

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

ส่วนที่เหลือคำนวณโดยการเรียงซ้อน

เรียงซ้อน

Cascading ทำให้ CSS เขียนและบำรุงรักษาได้ง่ายขึ้น ด้วยเหตุนี้ คุณจึงสามารถตั้งค่าคุณสมบัติสีของ body ได้ และรู้ว่าสีข้อความในองค์ประกอบ p , span , li จะเหมือนกัน (เว้นแต่คุณจะแทนที่ด้วยตัวเอง)

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

ตอนนี้มีการคำนวณสไตล์ทั้งหมดสำหรับโหนด DOM ที่กำหนดแล้ว กรอกแบบฟอร์มแล้ว

หมายเหตุ: โครงสร้างสไตล์การแบ่งปัน

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

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

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

แล้วเราจะเร่งความเร็วทั้งหมดได้อย่างไร?

นี่คือลักษณะของกระบวนการคำนวณสไตล์ที่ไม่ได้รับการปรับให้เหมาะสม

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

ซึ่งหมายความว่าการคำนวณสไตล์ชีท CSS เป็นตัวเลือกที่ยอดเยี่ยมสำหรับการเพิ่มประสิทธิภาพ... และในช่วง 20 ปีที่ผ่านมา เบราว์เซอร์ได้ทดสอบกลยุทธ์การเพิ่มประสิทธิภาพที่แตกต่างกันมากมาย Quantum CSS พยายามรวมสิ่งที่ดีที่สุดเข้าด้วยกันเพื่อสร้างเอ็นจิ้นที่เร็วเป็นพิเศษ

มาดูกันว่าทั้งหมดทำงานร่วมกันอย่างไร

การทำให้ขนานกัน

โครงการเซอร์โว (ซึ่งเป็นที่มาของ Quantum CSS) เป็นเบราว์เซอร์ทดลองที่พยายามทำให้ทุกอย่างขนานกันในกระบวนการแสดงผลหน้าเว็บ มันหมายความว่าอะไร?

คุณสามารถเปรียบเทียบคอมพิวเตอร์กับสมองได้ มีองค์ประกอบที่รับผิดชอบในการคิด (ALU) ใกล้กับนั้นมีบางอย่างเช่นหน่วยความจำระยะสั้น (รีจิสเตอร์) ส่วนหลังจะถูกจัดกลุ่มไว้ด้วยกันบนโปรเซสเซอร์กลาง นอกจากนี้ยังมีหน่วยความจำระยะยาว (RAM)

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

Quantum CSS ใช้ประโยชน์จากประโยชน์เหล่านี้โดยแยกการคำนวณรูปแบบสำหรับโหนด DOM ที่แตกต่างกันไปตามคอร์ที่ต่างกัน

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

เพื่อกระจายงานอย่างเท่าเทียมกันมากขึ้น Quantum CSS ใช้เทคนิคที่เรียกว่าการขโมยงาน เมื่อโหนด DOM ได้รับการประมวลผล โปรแกรมจะนำรายการย่อยโดยตรงและแยกออกเป็น "หน่วยงาน" หนึ่งหน่วยขึ้นไป หน่วยงานเหล่านี้อยู่ในคิว

เมื่อคอร์ทำงานทั้งหมดในคิวจนเสร็จสิ้นแล้ว ก็สามารถหางานในคิวอื่นได้ วิธีนี้ทำให้เรากระจายงานเท่าๆ กัน โดยไม่ต้องประเมินเบื้องต้นโดยผ่านทั้งแผนผัง

นี่จะเป็นเรื่องยากที่จะนำไปใช้อย่างถูกต้องในเบราว์เซอร์ส่วนใหญ่ ความเท่าเทียมเป็นงานที่ยากอย่างฉาวโฉ่ และกลไก CSS ค่อนข้างซับซ้อนในตัวเอง นอกจากนี้ยังตั้งอยู่ระหว่างอีกสองส่วนที่ซับซ้อนที่สุดของกลไกการเรนเดอร์ - DOM และมาร์กอัป โดยทั่วไป มันง่ายที่จะทำผิดพลาด และการขนานกันสามารถนำไปสู่จุดบกพร่องที่ค่อนข้างยากต่อการตรวจจับที่เรียกว่า “การแข่งขันข้อมูล” ฉันอธิบายข้อบกพร่องเหล่านี้โดยละเอียดในบทความอื่น (มีการแปลเป็นภาษารัสเซียด้วย)

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

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

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

การเร่งการคำนวณใหม่โดยใช้แผนผังกฎ

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

คงจะดีไม่น้อยหากจำไว้ว่ากฎใดตรงกับลูกๆ เหล่านั้น เพื่อที่คุณจะได้ไม่ต้องจับคู่ตัวเลือกอีกครั้ง... และแผนผังกฎที่มาจาก Firefox เวอร์ชันก่อนหน้าก็ทำเช่นนั้น

เอ็นจิ้น CSS เลือกตัวเลือกที่ตรงกับองค์ประกอบ จากนั้นจัดเรียงตามความจำเพาะ ผลลัพธ์ที่ได้คือรายการกฎที่เชื่อมโยงกัน

รายการนี้ถูกเพิ่มลงในแผนผัง

กลไก CSS พยายามลดจำนวนกิ่งก้านในแผนผังให้เหลือน้อยที่สุด และนำสาขาเหล่านั้นกลับมาใช้ใหม่ทุกครั้งที่เป็นไปได้

หากตัวเลือกส่วนใหญ่ในรายการตรงกับสาขาที่มีอยู่ ตัวเลือกนั้นจะตามมา แต่อาจถึงจุดที่กฎถัดไปในรายการไม่ตรงกับกฎจากสาขาที่มีอยู่ เฉพาะในกรณีนี้เท่านั้นที่มีการสร้างสาขาใหม่

โหนด DOM จะได้รับตัวชี้ไปยังกฎที่ถูกเพิ่มครั้งล่าสุด (ในตัวอย่างของเรา div#warning) มันมีความเฉพาะเจาะจงที่สุด

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

ดังนั้น จึงช่วยประหยัดเวลาในการคำนวณสไตล์ใหม่ แต่การคำนวณเบื้องต้นยังคงต้องใช้แรงงานมาก หากมี 10,000 โหนด จะต้องจับคู่ตัวเลือก 10,000 ครั้ง แต่มีวิธีเร่งความเร็วให้เร็วขึ้นด้วย

เร่งความเร็วการเรนเดอร์เริ่มต้นด้วยแคชสไตล์ที่ใช้ร่วมกัน

ลองนึกภาพหน้าเว็บที่มีโหนดนับพัน หลายคนจะปฏิบัติตามกฎเดียวกัน ตัวอย่างเช่น ลองนึกภาพหน้าวิกิพีเดียที่ยาว... ย่อหน้าเนื้อหาหลักควรมีกฎรูปแบบที่เหมือนกันทุกประการและรูปแบบที่คำนวณไว้เหมือนกันทุกประการ

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

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

การตรวจสอบมีดังนี้:

• 2 โหนดมี ID, คลาส ฯลฯ เหมือนกันหรือไม่ ถ้าใช่ก็จะปฏิบัติตามกฎเกณฑ์เดียวกัน
• พวกเขามีความหมายเหมือนกันสำหรับทุกสิ่งที่ไม่ได้ขึ้นอยู่กับตัวเลือก (เช่นสไตล์อินไลน์) หากใช่ กฎข้างต้นจะไม่ถูกแทนที่ หรือจะถูกแทนที่ในลักษณะเดียวกันสำหรับทั้งสอง
• ผู้ปกครองของทั้งสองชี้ไปที่วัตถุเดียวกันของสไตล์ที่คำนวณหรือไม่ ถ้าใช่ ค่าที่สืบทอดมาก็จะเหมือนกันเช่นกัน

การตรวจสอบเหล่านี้ถูกนำมาใช้ในแคชสไตล์ที่ใช้ร่วมกันเวอร์ชันก่อนหน้าตั้งแต่เริ่มต้น แต่มีสถานการณ์เล็กๆ น้อยๆ มากมายที่สไตล์ไม่เข้ากัน ตัวอย่างเช่น หากกฎ CSS ใช้ตัวเลือก:first-child รูปแบบของสองย่อหน้าอาจไม่ตรงกัน แม้ว่าการตรวจสอบข้างต้นจะระบุเป็นอย่างอื่นก็ตาม

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

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

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

บทสรุป

นี่เป็นการถ่ายโอนเทคโนโลยีครั้งใหญ่ครั้งแรกจากเซอร์โวไปยัง Firefox เราได้เรียนรู้มากมายเกี่ยวกับวิธีนำโค้ด Rust ที่ทันสมัยและมีประสิทธิภาพสูงมาสู่คอร์ของ Firefox

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

เกี่ยวกับ ลิน คลาร์ก

Lin เป็นวิศวกรของทีม Mozilla Developer Relations ใช้งานได้กับ JavaScript, WebAssembly, Rust และ Servo เขายังวาดการ์ตูนโค้ดอีกด้วย

แท็ก: เพิ่มแท็ก

สวัสดีผู้อ่านที่รักของบล็อกไซต์ วันนี้ฉันต้องการพูดเกี่ยวกับเครื่องมือเว็บไซต์หรือ CMS (ระบบการจัดการเนื้อหา)

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

หากคุณต้องการเพิ่มทรัพยากรของคุณในการให้คะแนนนี้ อย่าใช้ปุ่มที่เกี่ยวข้องทางด้านขวาเหนือตาราง

อย่างไรก็ตามหากคุณคิดว่ามันจะยากสักหน่อยสำหรับคุณก็ลองดู เรตติ้งเว็บสตูดิโอตั้งอยู่บนทรัพยากรเดียวกัน ที่นั่นคุณสามารถดูโปรเจ็กต์ที่สร้างโดยสตูดิโอนี้ได้โดยคลิกที่ลิงก์ในคอลัมน์ "ผลงาน"

นี่คือลักษณะสถิติโดยประมาณของเอ็นจิ้นที่ใช้โดยผู้ใช้ RuNet (ที่นี่ไม่เพียง แต่ Joomla เท่านั้น แต่ยังรวมถึง CMS ยอดนิยมโดยทั่วไปทั้งหมด) ในบริบทของ CMS เวอร์ชันใดที่ใช้ - ใหม่หรือล้าสมัย:

บน Joomla นอกเหนือจากเว็บไซต์ปกติแล้ว ยังมีการสร้างเว็บไซต์อีกมากมาย ต้องขอบคุณส่วนขยายร้านค้าที่มีอยู่ที่เรียกว่า .

น่าจะเป็นเอ็นจิ้นฟรีที่ง่ายที่สุดในการเรียนรู้คือ เวิร์ดเพรส- แน่นอนว่าส่วนใหญ่จะใช้สำหรับช่องที่ค่อนข้างแคบ (การสร้างและแนะนำบล็อก) แต่หากต้องการ ก็สามารถใช้เพื่อใช้งานเว็บไซต์ ฟอรัม และแกลเลอรีได้ แต่ก่อนอื่น WordPress เป็น CMS บล็อกที่ใช้งานได้ดีมาก

ไซต์ทำงานภายใต้การควบคุมของ WordPress (แต่นี่เป็นความลับเนื่องจากต้องซ่อนเอ็นจิ้นที่ใช้และเวอร์ชันของมันไว้โดยตัดสินโดยคำแนะนำของ Yandex ที่เปล่งออกมาข้างต้น) ฉันเขียนและเขียนต่อเกี่ยวกับรายละเอียดปลีกย่อยและความแตกต่างของการทำงานกับเอนจิ้นนี้ในส่วนนี้ และเกี่ยวกับส่วนขยายสำหรับส่วนนี้

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

ตอนนี้บล็อกของฉันโฮสต์อยู่และมีผู้เยี่ยมชม 20-25,000 คนต่อวัน ฉันยังคงพอใจกับความเร็วของ WordPress โดยเฉพาะอย่างยิ่งหลังจากสรุปเทมเพลตและปรับแต่งทุกสิ่งที่สามารถปรับให้เหมาะสมได้ แม้ว่าเมื่อใช้ปลั๊กอินจำนวนมากโดยไม่มีหรือไม่มีการเพิ่มประสิทธิภาพเพิ่มเติม WordPress ก็กลายเป็นสัตว์ประหลาดที่ค่อนข้างหนัก

เป็นที่ชัดเจนว่ายังมี CMS ฟรีจำนวนมากที่ใช้เพื่อวัตถุประสงค์ต่างๆ นี่คือ Drupal หรือ DLE (DataLife Engine) เดียวกันและในหลายกรณีการใช้งานของพวกเขาจะสมเหตุสมผลเนื่องจากไม่มี CMS ในอุดมคติ แต่ WordPress และ Joomla ที่กล่าวถึงข้างต้นเป็นที่นิยมมากที่สุด เหตุผลอาจเป็นเพราะการออกแบบที่ค่อนข้างเรียบง่ายและชัดเจนสำหรับผู้ใช้มือใหม่

เครื่องยนต์ที่ต้องเสียเงินตัวไหนที่น่าสนใจที่สุด?

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

S.Builder ค่อนข้างยืดหยุ่นและคุณสามารถทำทุกอย่างด้วยมัน แต่ไม่เหมือน Drupal (ซึ่งสามารถทำได้เกือบทุกอย่าง) ด้วย S.Builder คุณสามารถทำทั้งหมดนี้ได้โดยไม่ต้องลงโค้ดเลย (มี ผู้ออกแบบโมดูลที่มีประสิทธิภาพตามความต้องการของคุณ)

อย่างที่ฉันได้กล่าวไปแล้ว CMS นี้คือ หนึ่งในเครื่องยนต์ที่เร็วที่สุดและเก็บโหลดได้ค่อนข้างดีถึงแม้จะเขียนด้วย PHP ก็ตาม อาจเป็นไปได้มากว่าโค้ดมีความสะอาดดี (เขียนตั้งแต่ต้น) และประสิทธิภาพแคชที่ดี

คุณสามารถทดลองใช้ S.Builder ได้ฟรีทั้งออนไลน์และออฟไลน์ ในกรณีแรก คุณจะต้องไปที่หน้า "เวอร์ชันสาธิตออนไลน์" และพวกเขาจะสร้างไซต์ชั่วคราวบน CMS นี้ ซึ่งโมดูลทั้งหมดจะพร้อมสำหรับการ "ทดลองใช้ปากกา" หากการทดสอบออนไลน์ไม่เหมาะกับคุณ คุณสามารถดาวน์โหลดจากหน้า "ดาวน์โหลด CMS" ซึ่งเป็นเวอร์ชันออฟไลน์ที่ทำงานได้อย่างสมบูรณ์และฟรีอย่างแน่นอน (ราวกับว่าคุณเป็น) - "CMS เวอร์ชันทดลองสำหรับการติดตั้งบนคอมพิวเตอร์ในระบบ"

สุดท้ายนี้ ฉันอยากจะให้ความเห็นเกี่ยวกับเครื่องมือเพิ่มประสิทธิภาพระดับมืออาชีพจากบริษัท SEO ชื่อดัง Ashmanov และ Partners ซึ่งให้คำตอบโดยละเอียดสำหรับคำถามนี้ - CMS ไหนดีกว่ากัน?:

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

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

ระบบ CMS ที่ดีที่สุด

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

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

ระบบ "1C-Bitrix"

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

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

วีโอไอพี

ระบบนี้เป็น CMS ที่ดีที่สุดสำหรับร้านค้าออนไลน์ในบรรดาผลิตภัณฑ์ฟรี มีการสร้างเว็บไซต์บนอินเทอร์เน็ตมากกว่า 150,000 เว็บไซต์โดยใช้เครื่องมือนี้ แพลตฟอร์มนี้มีให้ในสามรุ่น รุ่นชุมชนฟรี แผงผู้ดูแลระบบสะดวกมาก

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

สินค้าถูกนำเข้าสู่ Yandex.Market มีตัวกรองผลิตภัณฑ์ต่างๆ หากต้องการคุณสามารถส่งข้อความโฆษณาถึงลูกค้าและเชื่อมต่อเครือข่ายโซเชียลได้ นักพัฒนาเสนอให้ลูกค้าสร้างโปรแกรมพันธมิตรสำหรับร้านค้าออนไลน์ของตน ผู้ดูแลระบบสามารถจัดการหลายโครงการได้จากบัญชีเดียว

ข้อเสียของวีโอไอพี

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

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

จูมล่า

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

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

ส่วนประกอบเพิ่มเติมสำหรับ Joomla

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

หากจำเป็น ให้ติดตั้งโมดูลเพิ่มเติม เมื่อใช้ VirtueMart ผู้ใช้สามารถรวมเว็บไซต์เข้ากับฐานข้อมูล 1C เชื่อมต่อระบบการชำระเงินยอดนิยม และกำหนดค่าการนำเข้า/ส่งออกผลิตภัณฑ์ องค์ประกอบเพิ่มเติมนี้เหมาะสำหรับการเปิดตัวร้านค้าออนไลน์ขนาดเล็กและขนาดกลาง VirtueMart ไม่ได้ใช้เมื่อสร้างพอร์ทัลขนาดใหญ่ เนื่องจากไม่มีฟังก์ชันที่จำเป็นและระบบรักษาความปลอดภัยที่เหมาะสม

ดรูปัล

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

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

MODX

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

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

OpenCart

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

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

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

เพรสต้าช็อป

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

ในปี 2554 PrestaShop ได้รับการโหวตให้เป็นแพลตฟอร์มอีคอมเมิร์ซฟรีที่ดีที่สุด ต่างจาก OpenCart ตรงที่เอ็นจิ้นไม่มีการสนับสนุนนักพัฒนาอย่างเป็นทางการ ดังนั้นจึงไม่มีโมดูลเพิ่มเติมมากเท่าที่ผู้ใช้ต้องการ แพลตฟอร์มเวอร์ชันพื้นฐานใช้ทรัพยากรมากกว่า OpenCart ค่าใช้จ่ายของโมดูลเพิ่มเติมนั้นต่ำกว่าใน Magento มาก

UMI.CMS

แพลตฟอร์มนี้มีการออกแบบที่ตอบสนองและความคุ้มค่า ลูกค้าสามารถเลือกภาษาที่จะใช้ ตั้งค่าธีมเทมเพลต และติดตามข้อมูลทางสถิติ เช่น ข้อมูลตามการเรียกเก็บเงินโดยเฉลี่ย

เวิร์ดเพรส

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

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

คุณสามารถเพิ่มการ์ดผลิตภัณฑ์ที่ไม่จำเป็นต้องอัปเดตได้ไม่เกิน 100 ใบ แพลตฟอร์มนี้ง่ายต่อการเรียนรู้ ระบบนี้เหมาะสำหรับผู้เริ่มต้นที่มีบล็อกบนเว็บไซต์ WordPress ในบรรดาข้อบกพร่องควรสังเกตว่าขาดการบูรณาการกับ 1C ระบบการชำระเงินของรัสเซียและบริการจัดส่ง หลังจากติดตั้งปลั๊กอิน อาจเกิดข้อขัดแย้งกับเทมเพลต

เน็ตแคท

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

แพลตฟอร์มดังกล่าวทำงานร่วมกับฐานข้อมูล 1C และระบบการชำระเงินทางอิเล็กทรอนิกส์ เมื่อทำงานกับแพลตฟอร์ม ไม่จำเป็นต้องใช้โซลูชันทางเทคโนโลยีที่ซับซ้อน อินเทอร์เฟซสามารถแบ่งออกเป็นสองส่วน: สำหรับผู้ใช้และนักพัฒนา

โฮสต์CMS

เอ็นจิ้นไม่ต้องการโฮสต์และเซิร์ฟเวอร์ แพลตฟอร์มนี้เป็น CMS ที่ดีที่สุดสำหรับ SEO ผู้ใช้มีตัวเลือกสำหรับการสร้างที่อยู่หน้าสั้น ๆ การระบุเมตาแท็ก ฯลฯ กลไกทำงานได้ดีกับทรัพยากรบนเว็บที่มีปริมาณการเข้าชมสูง แพลตฟอร์มนี้ทำงานร่วมกับระบบ 1C

ค่าลิขสิทธิ์คือ 6,000 รูเบิล ลูกค้าได้รับแพลตฟอร์มที่ใช้งานได้จริงพร้อมความสามารถในการขยายฟังก์ชันการทำงานโดยการติดตั้งโมดูลเพิ่มเติม

CS-Cart

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

Amiro.CMS

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

เครื่องกำเนิดไฟฟ้าLP

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

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

HTML5 พร้อมด้วย CSS3 และ JavaScript ช่วยให้นักพัฒนามีโอกาสมากมายในการสร้างเกมโดยใช้ 3D, แอนิเมชั่น, Canvas, คณิตศาสตร์, สี, เสียง, WebGL ข้อดีที่ชัดเจนที่สุดประการหนึ่งของ HTML5 คือความเป็นอิสระจากทั้งแพลตฟอร์มและฮาร์ดแวร์โดยทั่วไป

เมื่อตรวจสอบอย่างใกล้ชิด คุณสามารถระบุความสามารถเพิ่มเติมที่เอ็นจิ้นมอบให้: ลดความซับซ้อนของงานทั่วไปบางอย่างหรือการโหลดทรัพยากร อินพุตที่จัดรูปแบบ ฟิสิกส์ เสียง บิตแมป (แน่นอนว่ายังมีไม่มาก) นอกจากนี้ยังมีเอ็นจิ้นที่ออกแบบมาค่อนข้างไม่ดีและยังมีเอ็นจิ้นที่ให้เครื่องมือแก้ไขระดับ 2D และเครื่องมือแก้ไขข้อบกพร่องแก่นักพัฒนาอีกด้วย

สันนิษฐานว่าเอ็นจิ้นส่วนใหญ่ทำหน้าที่ลดเวลาที่ต้องใช้ในการพัฒนาเกมเต็มรูปแบบ อย่างไรก็ตาม นักพัฒนาจำนวนมากชอบที่จะสร้างโปรเจ็กต์ของตนตั้งแต่ต้นเพื่อให้แสดงโครงสร้างของโปรเจ็กต์ได้ดียิ่งขึ้น มีเอ็นจิ้น JavaScript-HTML5 เพียงไม่กี่ตัวที่คุ้มค่าจริงๆ แต่ก็อาจมีข้อเสียเปรียบใหญ่ประการหนึ่งเช่นกัน นั่นคือ ไม่รองรับอีกต่อไปหรือใกล้จะเลิกใช้งานแล้ว ดังนั้นเมื่อเลือกเครื่องยนต์ให้เลือกผลิตภัณฑ์ที่จะรองรับได้ค่อนข้างนาน

ที่จริงแล้วนี่คือเครื่องยนต์นั่นเอง

เจ้าเล่ห์

เหมาะอย่างยิ่งสำหรับการนำเกมอาร์เคดสไปรต์ 2D สไตล์ย้อนยุคและปริศนาอย่าง Sudoku มีลูปเกมที่ทำงานเองพร้อมใช้งาน รองรับเมาส์และคีย์บอร์ด มีการบันทึกไว้อย่างดีและข้อเสียเปรียบเพียงอย่างเดียวคือขาดการรองรับด้านเสียง

ลิ้นจี่JS

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

เกมJS

JavaScript และ CSS ใช้ในการสร้างเพจ พวกเขาทำงานร่วมกันอย่างมั่นใจและกลมกลืน ออกแบบมาสำหรับผู้เริ่มต้นเรียนรู้พื้นฐานของการเขียนโปรแกรมวิดีโอเกม มันจะง่ายกว่าสำหรับคุณถ้าคุณมีทักษะ CSS อยู่แล้ว

แคลน FX

เอ็นจิ้นกราฟิก 2D HTML5 ใน JavaScript ที่ย้ายจาก iPhone ช่วยให้คุณสร้างเกม 2 มิติและแอพพลิเคชั่นกราฟิกที่สามารถทำงานบนอุปกรณ์สมัยใหม่ทั้งหมดได้อย่างรวดเร็วโดยไม่ต้องติดตั้งปลั๊กอินเพิ่มเติม