ThinkPhp? ?? ??? CSS, JavaScript ? ???? ???? ??

ThinkPhp? ???? ??? ??? ?? ?? ? ?? ?? ?? ???? ???? ????. ?? ?? ??? PHP? ??? ???? ????? ?? ????? ?? ??? ???? ? ?????. ?? ???? ?? ??? ????? ???? ?? (CSS, JavaScript ? ???)? ????? public ???? (?? ?? ??? ?? ???) ? ?? ??? ???? ????. ?? ?? ?? HTML <link> ? <script></script> ??? ?? ??? ??? ??? ??????. ?? ??:

 <code class="html"><link rel="stylesheet" href="/css/styles.css"> <script src="/js/script.js"></script> <img src="/static/imghw/default1.png" data-src="/images/logo.png" class="lazy" alt="ThinkPhp? ?? ?? ??? ???? CSS, JavaScript ? ???? ????? ?????????"></code>

? ??? ?? ?? ??? ?????. ???? ?? ? ?? ???? ??? ??? ??? ? CDN ??? ?? ?? ??? ?????. ????? ?? ??? ?? ??? ???????. ??? ?? ??? ?? ??? ???? ??? ?? ??? ??????.

ThinkPhp?? ?? ?? ??? ??????? ?? ??

?? ?? ?? ???? ??? ?????. ThinkPhp? ???? ? ?? ?? ??? ??? ????.

• ??? ? ?? : CSS ? JavaScript ??? ???? ????? ??? ????. ?? ?? ?? ? ???? ?? ???? ?? ??? ?????. ThinkPhp?????? ?? ??? ???? Grunt, Gulp ?? Webpack? ?? ?? ??? ???????. ??? ??? ?? ? ? ?? ??? ??? ? ? ????.
• ??? ??? : ??? ??? ???? ???? ???? ??????. tinypng ?? imageoptim? ?? ??? ??? ? ? ????. ??? ??? ?? (? : ?? ? ?? ??) ? ??? ??????. ???? ? ???? ???? ????.
• ?? : ???? ?? ? ?? ? ?? (Varnish ?? Nginx? ?? ??? ???? ?? ?? ?? ????. Cache-Control ? Expires ? ?? HTTP ??? ???? ???? ?? ???? ??? ??????.
• CDN (Content Delivery Network) : ?? ??? ??? ????? ????? ? ??? ?????. ??? ?? ??? ?? ????. (CDN ??? ?? ??? ??????.)
• ????? : ?? JavaScript ?? <script></script> ??? async ?? defer ??? ???? ???? ??? ??? ?????. ?? ? ???? ??? ?????? ?? ? ??? ??????.
• ??? ?? : ???, ?? ?? ??? ???? ?? ??? ??? ?????. ? ??? ????? ? ??? ???? ??? ???? ?? ????? ??? ?????.

CDN? ThinkPhp? ?? ?? ???? ?????

ThinkPhp?? ?? CDN ??? ????. ??? ? ?? ?? ? ?? URL ???? ?????. ?????? ??? ?????.

1. CDN ?? ??? ?????? : CloudFlare, AWS Cloudfront ?? Akamai? ?? CDN ?? ??? ??????.
2. ?? ??? : ??? CDN? ????? ??? ? ??? ???????.

3. ?? URL ???? : ThinkPhp??? ?? ?? URL? ???? ?? ? CDN URL? ??????. ?? ??, CDN ?? ??? https://yourdomain.cdnprovider.com/css/styles.min.css ? ?? URL? ???? ?? html? ???????.

    <code class="html"><link rel="stylesheet" href="https://yourdomain.cdnprovider.com/css/styles.min.css"></code>

4. CDN ?? : CACHING ? ???? ?? CDN ?? ??? ??? ??? ?? (ThinkPHP ?? ????)? ?? ??? ??????.

ThinkPhp? ??? ???? ?????? ?? ??? ??????

???, ThinkPhp? ??? ???? ??????? ?? ??? ???? ????. ?? ??? ???? ?? ?? ??? ???????. ??? ????? Grunt, Gulp ?? Webpack? ?? ??? ??? ??? ???? ?????. ??? ??? ?? ?, ?? ? ??? ??? ??? ????? ?? ??????? ????? ??? ? ???? ? ??? ? ? ????. ?? ?? ?? ? ??? public ????? ???? ??? ???? ??? ??? ??? ThinkPHP ?? ????? ?? ? ? ????.

? ??? ThinkPhp? ?? ?? ??? ???? CSS, JavaScript ? ???? ????? ?????????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!