All geek questions in one place

Javascript Thumbnail Automation

I have a website that uses a lot of jquery / javascript. Now, on the index page, I have about 10 javascript files included in the head:

<head>
<script src="/js/jquery.js"></script>
<script src="/js/jquery_plugin_1.js"></script>
<script src="/js/jquery_plugin_2.js"></script>
<script src="/js/jquery_plugin_3.js"></script>
<script src="/js/my_scripts_1.js"></script>
<script src="/js/my_scripts_2.js"></script>
<script src="/js/my_scripts_3.js"></script>
<script src="/js/my_scripts_4.js"></script>
<!-- ...and so on -->
</head>

As the number of visitors grows, I'm starting to think about the performance of all this. I read that it is a good idea to minimize all javascript files and put them together in one, so the browser should only make one HTTP request. I have done it. Now I have a file everything.jscontaining all javascript, including jquery, plugins and my own scripts.

<head>
<!--
<script src="/js/jquery.js"></script>
<script src="/js/jquery_plugin_1.js"></script>
<script src="/js/jquery_plugin_2.js"></script>
<script src="/js/jquery_plugin_3.js"></script>
<script src="/js/my_scripts_1.js"></script>
<script src="/js/my_scripts_2.js"></script>
<script src="/js/my_scripts_3.js"></script>
<script src="/js/my_scripts_4.js"></script>
...
-->
<script src="/js/everything.js"></script>
</head>

, . , , , everything.js . - .

: , ? -, , , , ?

PHP5 SVN

, , : post-commit SVN-, .js, YUI. , script, fork javascript, javascript, .

+3
4

script, . , CSS JavaScript YUI Compressor , . ( , ), , . , .

- CSS ( JavaScript, , ):

css/Layout/Core/reset.css
css/Layout/Core/index.css
css/Layout/Tools/notice.css
css/Layout/Tools/form.css
css/Layout/Tools/overlay.css
css/Skin/Default/Core/index.css
css/Skin/Default/Tools/notice.css
css/Skin/Default/Tools/form.css
css/Skin/Default/Tools/overlay.css
css/Layout/Tools/gallery.css
css/Layout/Tools/comments.css
css/Layout/Tools/pagination.css
css/Layout/Index/index.css
css/Skin/Default/Tools/gallery.css
css/Skin/Default/Tools/comments.css
css/Skin/Default/Tools/pagination.css
css/Skin/Default/Tools/achievements.css
css/Skin/Default/Tools/labels_main.css
css/Skin/Default/Index/index.css

:

minified/1290589645/css/common.css
minified/1290589645/css/0135f148a7f6188573d2957418119a9a.css

, - , " ". , . , , .

+5

, , , , . , js minifier , yui compressor. , , , script .

+1

, , , :

jMerge

CSS/JS PHP

!

0

php, , merger_js.php js

<?php
ob_start ("ob_gzhandler");
$f=$_GET['f'];
if(@file_exists($f)){
    $inhoud = file_get_contents($f);
    header("Content-type: application/javascript; charset: UTF-8");
    header("Cache-Control: must-revalidate");
    $offset = 60 * 60 ;
    $ExpStr = "Expires: " .
    gmdate("D, d M Y H:i:s",
    time() + $offset) . " GMT";
    header($ExpStr);
}else{
// file not found, we return empty
 $inhoud= "";
}
print $inhoud;

java

<script type='text/javascript' src='js/merger_js.php?f=blackcan.js'></script>

javascript . , gzip ( )

,

-1

Source: https://habr.com/ru/post/1779149/

More articles:


All Articles