เว็บไซต์ของฉันใช้ไลบรารี javascript ของบุคคลที่สามประมาณ 10 ไลบรารีเช่น jQuery, jQuery UI, prefixfree, ปลั๊กอิน jQuery สองสามตัวและโค้ดจาวาสคริปต์ของฉันเอง ขณะนี้ฉันดึงไลบรารีภายนอกจาก CDN เช่น Google CDN และ cloudflare ฉันสงสัยว่าอะไรคือแนวทางที่ดีกว่า:
ยินดีรับความคิดเห็นใด ๆ ตราบเท่าที่มีการอธิบาย ขอบคุณ :)
คำตอบ:
มูลค่าของ CDN ขึ้นอยู่กับความเป็นไปได้ที่ผู้ใช้เคยไปที่ไซต์อื่นที่เรียกไฟล์เดียวกันจาก CDN นั้นและจะมีค่ามากขึ้นตามขนาดของไฟล์ ความเป็นไปได้ที่จะเกิดกรณีนี้เพิ่มขึ้นตามความแพร่หลายของไฟล์ที่ร้องขอและความนิยมของ CDN
ด้วยเหตุนี้การดึงไฟล์ที่ค่อนข้างใหญ่และเป็นที่นิยมจาก CDN ที่เป็นที่นิยมจึงเหมาะสมอย่างยิ่ง jQuery และในระดับที่น้อยกว่า jQuery UI จะพอดีกับใบเรียกเก็บเงินนี้
ในขณะเดียวกันการต่อไฟล์เข้าด้วยกันก็สมเหตุสมผลสำหรับไฟล์ขนาดเล็กซึ่งไม่น่าจะเปลี่ยนแปลงมากนักปลั๊กอินที่คุณใช้กันทั่วไปจะพอดีกับใบเรียกเก็บเงินนี้ แต่รหัสเฉพาะแอปพลิเคชันหลักของคุณอาจไม่ได้: อาจมีการเปลี่ยนแปลงในแต่ละสัปดาห์และถ้าคุณ ' เมื่อเชื่อมต่อกับไฟล์อื่น ๆ ทั้งหมดของคุณคุณจะต้องบังคับให้ผู้ใช้ดาวน์โหลดทุกอย่างอีกครั้ง
ต้นแบบ HTML5ทำงานได้ดีในการจัดหาโซลูชันทั่วไปสำหรับสิ่งนี้:
plugins.js
ไฟล์ที่โหลดจากเซิร์ฟเวอร์ของคุณเอง สิ่งนี้จะถูกแคชด้วยส่วนหัวการหมดอายุที่ห่างไกลในครั้งแรกที่ผู้ใช้เข้าชมและโหลดจากแคชในการเข้าชมครั้งต่อไปmain.jsมาพร้อมกับส่วนหัวที่ใกล้หมดอายุมากขึ้นเพื่ออธิบายว่าตรรกะของแอปพลิเคชันของคุณอาจเปลี่ยนไปจากสัปดาห์เป็นสัปดาห์หรือเดือนต่อเดือน ด้วยวิธีนี้เมื่อคุณแก้ไขข้อบกพร่องหรือเปิดตัวฟังก์ชันใหม่เมื่อผู้ใช้เยี่ยมชมในช่วงสองสัปดาห์จากนี้สิ่งนี้สามารถโหลดได้ใหม่ในขณะที่เนื้อหาทั้งหมดข้างต้นสามารถนำเข้ามาจากแคชสำหรับไลบรารีหลักอื่น ๆ ของคุณคุณควรดูทีละรายการและถามตัวเองว่าควรทำตามผู้นำของ jQuery โหลดทีละรายการจากเซิร์ฟเวอร์ของคุณเองหรือเชื่อมต่อกัน ตัวอย่างว่าคุณจะตัดสินใจอย่างไร:
plugins.js. ด้วยวิธีนี้คุณสามารถอัปเดตplugins.jsส่วนขยาย Bootstrap ได้ตลอดเวลาโดยไม่ต้องบังคับให้ผู้ใช้ดาวน์โหลด Bootstrap core ทั้งหมดแต่ไม่มีความจำเป็นระยะทางของคุณอาจแตกต่างกันไป