Trong ví dụ của bạn, bạn có thể cải thiện mã bằng cách sử dụng PHP để tạo cấu trúc cfg có sẵn cho JavaScript
Bằng cách này, PHP chỉ quan tâm đến việc tạo cấu trúc dữ liệu và JavaScript chỉ quan tâm đến việc sử dụng cấu trúc dữ liệu
Việc tách rời này cũng dẫn đến cách tải dữ liệu không đồng bộ [JSON] trong tương lai
Cập nhật
Để trả lời các câu hỏi bổ sung mà bạn đã hỏi với bản cập nhật của mình, đúng vậy, nên áp dụng nguyên tắc DRY và để PHP và JavaScript chia sẻ cùng một đối tượng cấu hình
Như với tất cả các chủ đề liên quan đến phát triển phần mềm, luôn có nhiều hơn một giải pháp cho một vấn đề. Đề xuất sau đây chỉ đơn giản là một giải pháp có thể và không có ý định dứt khoát
Bản tóm tắt
- Kết hợp/gộp các tệp CSS và JavaScript thành các tệp đơn lẻ
- Giảm thiểu CSS và giảm thiểu JavaScript
- Thêm Trình đóng gói nội dung cho các mẫu PHP của bạn
Đôi khi bạn cần một giải pháp đơn giản nhưng thế giới công nghệ phần mềm và phát triển web thích phức tạp hóa mọi thứ. Và, với tư cách là nhà phát triển, theo bản năng, chúng tôi cảm thấy thoải mái hơn khi đang làm tốt công việc nếu mã của chúng tôi có cấu hình cao, có thể mở rộng, có thể kiểm tra và giàu tính năng. Âm thanh về hoàn hảo với tôi, quá
Tuy nhiên. Thường thì bạn chỉ muốn hoàn thành công việc một cách nhanh chóng, dễ dàng và không có bất kỳ chi phí đáng kể nào
Bất kỳ ai đã tiếp xúc với Thông tin chi tiết về tốc độ trang của Google đều chắc chắn đã trải qua các thông báo sau
- Giảm thiểu JavaScript
Việc giảm thiểu tệp JavaScript có thể giảm kích thước tải trọng và thời gian phân tích tập lệnh. - Giảm thiểu CSS
Việc giảm thiểu tệp CSS có thể giảm kích thước tải trọng mạng. - Giữ số lượng yêu cầu thấp và kích thước chuyển nhỏ
Về cơ bản, những gì PageSpeed [một phần] bảo bạn làm là kết hợp [hay còn gọi là gói] tất cả những chặn kết xuất đó, riêng lẻ. js và. các tệp css thành một tệp duy nhất, được rút gọn. css và. tập tin js
Một tìm kiếm trên web sẽ mang lại một danh sách khổng lồ các trình khai thác JavaScript và StyleSheet, trình nén, trình đóng gói và trình đóng gói. Các công cụ hàng đầu cực kỳ hiệu quả, đáng tin cậy và đã được thử nghiệm tốt. Ngoài ra, khá phức tạp và cung cấp hơn 100 tính năng mà bạn có thể chưa cần đến
Bạn chỉ muốn thu nhỏ và kết hợp các tệp của mình, chết tiệt. Bạn muốn tránh cài đặt nhiều công cụ dòng lệnh và định cấu hình đường dẫn xuất bản toàn diện cho trang web PHP nhỏ, đơn giản của mình
Theo ý kiến của tôi, một mẫu gọn gàng, nhanh chóng cho Bao bì tài sản trông như thế này
...
....
Khi một trang hiển thị, kết quả của mẫu này sẽ giống như thế này
...
....
Quá dễ phải không?
Đầu tiên, bạn cần sử dụng PHP để đọc các tệp trên máy chủ của mình, tải chúng vào bộ nhớ và sau đó ghi chúng tuần tự vào một tệp bó mới trên máy chủ
Thứ hai, trong quá trình đóng gói [và điều này, phải thừa nhận là thô sơ], hãy kiểm tra tên tệp của nội dung và nếu nó không bao gồm phần mở rộng ". tối thiểu. ", thu nhỏ tệp bằng một trong vô số thuật toán thu nhỏ mã nguồn mở có sẵn trên github
Và cuối cùng, trả lại biểu định kiểu HTML hoặc thẻ tập lệnh liên kết với tệp gói mới
Không bị sa lầy vào chi tiết, đây là phiên bản cơ bản của AssetPacker để sử dụng làm nghiên cứu điển hình