Tôi đã xây dựng mẫu đơn giản của mình cho trang web PHP. Vấn đề là tôi không biết cách tốt đẹp để bao gồm các tệp CSS và JavaScript của tôi.
Đây là tệp index.php của tôiindex.php file
Đây là tệp mẫu của tôi.phptemplate.php file
Đây là tệp tiêu đề của tôi.phpheader.php file
{title}
{page_title}
{welcome_word}
My contents goes here...
Đây là tệp footer.php của tôifooter.php file
Copyright © RIS 2013.
Tôi có các tệp CSS và tệp JS của tôi có trong thư mục tài sản, vậy làm cách nào để đưa chúng vào mẫu của tôi?assets folder so how do i include them in my template?
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 đề. Các đề xuất sau đây chỉ đơn giản là một giải pháp khả thi và không nhằm mục đích dứt khoát.
Summary:
- Kết hợp/gói các tệp CSS và JavaScript thành các tệp đơn.
- Minify CSS và Minify JavaScript.
- Thêm tài sản Packer vào các mẫu PHP.
Đôi khi bạn cần một giải pháp đơn giản nhưng thế giới của kỹ thuật phần mềm và phát triển web thích làm phức tạp 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 chúng tôi đ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à có tính năng phong phú. Âm thanh về hoàn hảo đối với tôi, quá!
Tuy nhiên ... thường thì bạn chỉ muốn hoàn thành một công việc nhanh chóng, dễ dàng và không có bất kỳ chi phí đáng kể nào.
Bất cứ ai đã tiếp xúc với những hiểu biết của Google Pagespeed đều không nghi ngờ gì về các thông điệp sau:
- Minify JavaScriptMinifying các 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.
Minifying JavaScript files can reduce payload sizes and script parse time. - Minify CSSMinifying các tệp CSS có thể giảm kích thước tải trọng mạng.
Minifying CSS files can reduce network payload sizes. - Giữ số lượng yêu cầu thấp và chuyển kích thước nhỏ
Về cơ bản, những gì Pagespeed là [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ả các tệp chặn kết xuất, các tệp .js và .css thành các tệp .css và .js đơn lẻ.
Một tìm kiếm trên web sẽ mang lại một danh sách khổng lồ gồm các máy tính, máy nén, máy nén, người đóng gói và gói. Các công cụ hàng đầu rất hiệu quả, đáng tin cậy và được kiểm tra 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.
Bạn chỉ muốn thu nhỏ và kết hợp các tập tin của bạn, Darn-it !!!! 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 ống xuất bản toàn diện cho trang web PHP nhỏ, đơn giản của bạn.
Theo tôi, một mô hình gọn gàng, trực tiếp, cho bao bì tài sản trông như thế này:
...
....
Khi một trang biểu hiện, kết quả của mẫu này sẽ trông giống như thế này:
...
....
Quá dễ dàng, phải không? May mắn thay, việc tạo ra một lớp "AssetPacker" không phức tạp như ban đầu có thể xuất hiện.
Đầ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 đó viết chúng một cách tuần tự vào một tệp gói mới trên máy chủ.
Thứ hai, trong quá trình bó [và điều này, phải thừa nhận là thô] kiểm tra tên tệp của tài sản và nếu nó không bao gồm phổ quát ".min." Tag, Minify tệp bằng một trong vô số thuật toán thu nhỏ nguồn mở có sẵn trên GitHub.
Và cuối cùng, trả lại bảng 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 các chi tiết, đây là phiên bản cơ bản của AssetPacker để sử dụng làm nghiên cứu trường hợp: