Minify Inline-JavaScript with PHP

Question

Currently for my site, I'm able to minify JavaScript and CSS code through linked <link> and <script> tags.

Example:

<script src="/inc/php/jsmin.php?f=inc/js/core.js"></script>

But, to reduce HTTP requests, I have inline scripts and styles as well. I also have inline scripts and styles because I don't need everything included on every page I make.

Is there a way I can use PHP DOM or something else to minify code on the same file that the script is running on?

You can probably utilize the jsmin functionality by manually calling it within your scripts. You can easily use HEREDOC sections to output your inline Javascript after passing it through that minimizing filter; there seems no need for DOM/HTML post-processing. — mario
– mario, Commented Jun 23, 2013 at 21:28
You can, but it adds load to the server. Why not put your Javascript in one or two minified files which are included in every page. The files will be cached by the visitor's browser on the first request and will not be reloaded a second time. Also, if you're using JQuery, make sure to load them from the JQuery page or Google instead of hosting them yourself. Inline Javascript is only cached if the page itself is cached, which is less likely, especially if you have dynamic content, like news or user profile information. — GolezTrol
– GolezTrol, Commented Jun 23, 2013 at 21:29
"inline scripts and styles because I don't need everything included on every page I make." but if they are in an external file it will be cached so only called once — user557846
– user557846, Commented Jun 23, 2013 at 21:29
Do all mobile browsers cache content like this? And isn't there a limit if they do? — Ricky Yoder
– Ricky Yoder, Commented Jun 23, 2013 at 21:48

Joe · Accepted Answer · 2013-06-23 21:58:14Z

3

You could do doing something like this:

<?php require '/inc/php/jsmin.php'; ?>

// your regular html here

<?php echo JSMin::minify(file_get_contents('js/page-name/your-old-inline.js')); ?>

// your regular html here

The approach I would take is to take the inline JS and move it into separate files then use jsmin.php to minify the file. This reduces the HTTP requests and the overhead of file_get_contents() is relatively small.

answered Jun 23, 2013 at 21:58

Joe

15.6k8 gold badges51 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ricky Yoder Over a year ago

I never really understood the ins and outs of file inclusion in PHP. Does it COUNT as an HTTP Request, or does it just put load on the server?

Joe Over a year ago

If your pages are php files then just use <?php require '/inc/php/jsmin.php'; ?> at the top of the page. Including it means that the class can be used on the page without writing all the PHP code in every file where it's required. Here's the doc page: php.net/manual/en/function.include.php

Collectives™ on Stack Overflow

Minify Inline-JavaScript with PHP

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related