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 làm thế nào tốt đẹp để bao gồm các tệp CSS và JavaScript của tôi
Nội dung chính Hiển thị
- Bạn có thể bao gồm CSS trong PHP không?
- Chúng ta có thể sử dụng PHP với HTML CSS và JavaScript không?
- Bạn có thể kết hợp CSS và JavaScript không?
- Làm cách nào để bao gồm tệp JavaScript và CSS bên ngoài trong HTML?
This is file index. php của tôiindex. tập tin php
Đây là tệp mẫu của tôi. phptemplate. tập tin php
Đây là tệp tiêu đề của tôi. tiêu đề php. tập tin php
{title}
{page_title}
{welcome_word}
My contents goes here...
This is footer file. php của tôifooter. tập tin php
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 thư mục mẫu của tôi?assets, vậy làm cách nào để đưa chúng vào mẫu của tôi?
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 tiêu đề xuất hiện sau đây chỉ đơn giản là một giải pháp khả thi và không có mục đích nhắm mục tiêu là gì
Bản tóm tắt
- Kết hợp/gói các tệp CSS và JavaScript thành các tệp đơn
- Rút gọn CSS và rút gọn JavaScript
- Thêm tài liệu 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ó . Â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
Dù ai đã xúc động 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 JavaScriptViệc thu nhỏ 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.
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 cú pháp tập lệnh. - Thu nhỏ CSS Việc thu nhỏ tệp CSS có thể giảm kích thước tải trọng mạng.
Việc thu nhỏ tệp CSS có thể giảm kích thước tải trọng của mạng. - 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] đảm 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 đầu ra, các tệp. js and. css to files. css and. js đơn lẻ
Một tìm kiếm trên web sẽ mang lại một danh sách bao gồm 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 không thể 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à 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?
Đầ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 tự động một cách tuần vào một gói tệp 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 các dấu hiệu phổ biến ". tối thiểu. " Gắn thẻ, thu nhỏ 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 tệp lệnh thẻ gói liên kết với tệp mới
Không bị sa thải vào các chi tiết, đây là phiên bản cơ bản của AssetPacker để sử dụng nghiên cứu trường hợp