Recent
Categories
View Replies (2)

How to improve css-minification?

0
Votes
Undo
  1. Tralala
    Tralala
  2. Sherlock Holmes
  3. Free Templates / Extensions
  4. Tuesday, 21 April 2015
  5.  Subscribe via email
With template Classic I use for combining and minifying css and js the extension JCH-optimizer. But still I have 7 http-requests for css; 5 of them are for fonts.
That’s because in template-setting > Styling > Font face settings I choose for only two different fonts.

Three of that requests are exactly the same ( http://fonts.googleapis.com/css?family=Helvetica:300,400). There is one request for family=Lato, another for family=Lato:300,400
All this as a result of settings in the template. (Some other templatebuilders have a built-in minify- and combine-option; is J51 considering the same?)

This should be better! But how?
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
It is something we are currently working on as we realis the current loading of Google fonts is far from ideal!

In the meantime you can try replacing the following in your templates styles.php (..templates/j51_classic/php/styles/php)....


<?php /*?>Set Google font choices to body, articleheads, moduleheads and hornav menu<?php */?>

<?php if(($body_fontstyle == "Arial, Helvetica, sans-serif") || ($body_fontstyle == "Courier, monospace") || ($body_fontstyle == "Tahoma, Geneva, sans-serif") || ($body_fontstyle == "Garamond, serif") || ($body_fontstyle == "Georgia, serif") || ($body_fontstyle == "Impact, Charcoal, sans-serif") || ($body_fontstyle == "Lucida Console, Monaco, monospace") || ($body_fontstyle == "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($body_fontstyle == "MS Sans Serif, Geneva, sans-serif") || ($body_fontstyle == "MS Serif, New York, sans-serif") || ($body_fontstyle == "Palatino Linotype, Book Antiqua, Palatino, serif") || ($body_fontstyle == "Times New Roman, Times, serif") || ($body_fontstyle == "Trebuchet MS, Helvetica, sans-serif") || ($body_fontstyle == "Verdana, Geneva, sans-serif")) : ?>

<style type="text/css">body, input, button, select, textarea {font-family:<?php echo str_replace("+"," ",$body_fontstyle); ?> }</style>



<?php elseif(($body_fontstyle != "Arial, Helvetica, sans-serif") || ($body_fontstyle != "Courier, monospace") || ($body_fontstyle != "Tahoma, Geneva, sans-serif") || ($body_fontstyle != "Garamond, serif") || ($body_fontstyle != "Georgia, serif") || ($body_fontstyle != "Impact, Charcoal, sans-serif") || ($body_fontstyle != "Lucida Console, Monaco, monospace") || ($body_fontstyle != "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($body_fontstyle != "MS Sans Serif, Geneva, sans-serif") || ($body_fontstyle != "MS Serif, New York, sans-serif") || ($body_fontstyle != "Palatino Linotype, Book Antiqua, Palatino, serif") || ($body_fontstyle != "Times New Roman, Times, serif") || ($body_fontstyle != "Trebuchet MS, Helvetica, sans-serif") || ($body_fontstyle != "Verdana, Geneva, sans-serif")) : ?>

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $body_fontstyle ?>:300,400" />

<style type="text/css">body, input, button, select, textarea {font-family:<?php echo str_replace("+"," ",$body_fontstyle); ?> }</style>

<?php endif; ?>



<?php if(($h1head_fontstyle == "Arial, Helvetica, sans-serif") || ($h1head_fontstyle == "Courier, monospace") || ($h1head_fontstyle == "Tahoma, Geneva, sans-serif") || ($h1head_fontstyle == "Garamond, serif") || ($h1head_fontstyle == "Georgia, serif") || ($h1head_fontstyle == "Impact, Charcoal, sans-serif") || ($h1head_fontstyle == "Lucida Console, Monaco, monospace") || ($h1head_fontstyle == "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($h1head_fontstyle == "MS Sans Serif, Geneva, sans-serif") || ($h1head_fontstyle == "MS Serif, New York, sans-serif") || ($h1head_fontstyle == "Palatino Linotype, Book Antiqua, Palatino, serif") || ($h1head_fontstyle == "Times New Roman, Times, serif") || ($h1head_fontstyle == "Trebuchet MS, Helvetica, sans-serif") || ($h1head_fontstyle == "Verdana, Geneva, sans-serif")) : ?>

<style type="text/css">h1{font-family:<?php echo str_replace("+"," ",$articlehead_fontstyle); ?> }</style>



<?php elseif(($h1head_fontstyle != "Arial, Helvetica, sans-serif") || ($h1head_fontstyle != "Courier, monospace") || ($h1head_fontstyle != "Tahoma, Geneva, sans-serif") || ($h1head_fontstyle != "Garamond, serif") || ($h1head_fontstyle != "Georgia, serif") || ($h1head_fontstyle != "Impact, Charcoal, sans-serif") || ($h1head_fontstyle != "Lucida Console, Monaco, monospace") || ($h1head_fontstyle != "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($h1head_fontstyle != "MS Sans Serif, Geneva, sans-serif") || ($h1head_fontstyle != "MS Serif, New York, sans-serif") || ($h1head_fontstyle != "Palatino Linotype, Book Antiqua, Palatino, serif") || ($h1head_fontstyle != "Times New Roman, Times, serif") || ($h1head_fontstyle != "Trebuchet MS, Helvetica, sans-serif") || ($h1head_fontstyle != "Verdana, Geneva, sans-serif")) : ?>

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $articlehead_fontstyle ?>:100,400" />

<style type="text/css">h1{font-family:<?php echo str_replace("+"," ",$articlehead_fontstyle); ?>; }</style>

<?php endif; ?>



<?php if(($articlehead_fontstyle == "Arial, Helvetica, sans-serif") || ($articlehead_fontstyle == "Courier, monospace") || ($articlehead_fontstyle == "Tahoma, Geneva, sans-serif") || ($articlehead_fontstyle == "Garamond, serif") || ($articlehead_fontstyle == "Georgia, serif") || ($articlehead_fontstyle == "Impact, Charcoal, sans-serif") || ($articlehead_fontstyle == "Lucida Console, Monaco, monospace") || ($articlehead_fontstyle == "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($articlehead_fontstyle == "MS Sans Serif, Geneva, sans-serif") || ($articlehead_fontstyle == "MS Serif, New York, sans-serif") || ($articlehead_fontstyle == "Palatino Linotype, Book Antiqua, Palatino, serif") || ($articlehead_fontstyle == "Times New Roman, Times, serif") || ($articlehead_fontstyle == "Trebuchet MS, Helvetica, sans-serif") || ($articlehead_fontstyle == "Verdana, Geneva, sans-serif")) : ?>

<style type="text/css">h2{font-family:<?php echo str_replace("+"," ",$articlehead_fontstyle); ?> }</style>



<?php elseif(($articlehead_fontstyle != "Arial, Helvetica, sans-serif") || ($articlehead_fontstyle != "Courier, monospace") || ($articlehead_fontstyle != "Tahoma, Geneva, sans-serif") || ($articlehead_fontstyle != "Garamond, serif") || ($articlehead_fontstyle != "Georgia, serif") || ($articlehead_fontstyle != "Impact, Charcoal, sans-serif") || ($articlehead_fontstyle != "Lucida Console, Monaco, monospace") || ($articlehead_fontstyle != "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($articlehead_fontstyle != "MS Sans Serif, Geneva, sans-serif") || ($articlehead_fontstyle != "MS Serif, New York, sans-serif") || ($articlehead_fontstyle != "Palatino Linotype, Book Antiqua, Palatino, serif") || ($articlehead_fontstyle != "Times New Roman, Times, serif") || ($articlehead_fontstyle != "Trebuchet MS, Helvetica, sans-serif") || ($articlehead_fontstyle != "Verdana, Geneva, sans-serif")) : ?>

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $articlehead_fontstyle ?>:100,400" />

<style type="text/css">h2{font-family:<?php echo str_replace("+"," ",$articlehead_fontstyle); ?>; }</style>

<?php endif; ?>



<?php if(($modulehead_fontstyle == "Arial, Helvetica, sans-serif") || ($modulehead_fontstyle == "Courier, monospace") || ($modulehead_fontstyle == "Tahoma, Geneva, sans-serif") || ($modulehead_fontstyle == "Garamond, serif") || ($modulehead_fontstyle == "Georgia, serif") || ($modulehead_fontstyle == "Impact, Charcoal, sans-serif") || ($modulehead_fontstyle == "Lucida Console, Monaco, monospace") || ($modulehead_fontstyle == "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($modulehead_fontstyle == "MS Sans Serif, Geneva, sans-serif") || ($modulehead_fontstyle == "MS Serif, New York, sans-serif") || ($modulehead_fontstyle == "Palatino Linotype, Book Antiqua, Palatino, serif") || ($modulehead_fontstyle == "Times New Roman, Times, serif") || ($modulehead_fontstyle == "Trebuchet MS, Helvetica, sans-serif") || ($modulehead_fontstyle == "Verdana, Geneva, sans-serif")) : ?>

<style type="text/css">.module h3, .module_menu h3{font-family:<?php echo str_replace("+"," ",$modulehead_fontstyle); ?>; }</style>



<?php elseif(($modulehead_fontstyle != "Arial, Helvetica, sans-serif") || ($modulehead_fontstyle != "Courier, monospace") || ($modulehead_fontstyle != "Tahoma, Geneva, sans-serif") || ($modulehead_fontstyle != "Garamond, serif") || ($modulehead_fontstyle != "Georgia, serif") || ($modulehead_fontstyle != "Impact, Charcoal, sans-serif") || ($modulehead_fontstyle != "Lucida Console, Monaco, monospace") || ($modulehead_fontstyle != "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($modulehead_fontstyle != "MS Sans Serif, Geneva, sans-serif") || ($modulehead_fontstyle != "MS Serif, New York, sans-serif") || ($modulehead_fontstyle != "Palatino Linotype, Book Antiqua, Palatino, serif") || ($modulehead_fontstyle != "Times New Roman, Times, serif") || ($modulehead_fontstyle != "Trebuchet MS, Helvetica, sans-serif") || ($modulehead_fontstyle != "Verdana, Geneva, sans-serif")) : ?>

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $modulehead_fontstyle ?>:300,400,800" />

<style type="text/css">.module h3, .module_menu h3{font-family:<?php echo str_replace("+"," ",$modulehead_fontstyle); ?> }</style>

<?php endif; ?>



<?php if(($hornav_fontstyle == "Arial, Helvetica, sans-serif") || ($hornav_fontstyle == "Courier, monospace") || ($hornav_fontstyle == "Tahoma, Geneva, sans-serif") || ($hornav_fontstyle == "Garamond, serif") || ($hornav_fontstyle == "Georgia, serif") || ($hornav_fontstyle == "Impact, Charcoal, sans-serif") || ($hornav_fontstyle == "Lucida Console, Monaco, monospace") || ($hornav_fontstyle == "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($hornav_fontstyle == "MS Sans Serif, Geneva, sans-serif") || ($hornav_fontstyle == "MS Serif, New York, sans-serif") || ($hornav_fontstyle == "Palatino Linotype, Book Antiqua, Palatino, serif") || ($hornav_fontstyle == "Times New Roman, Times, serif") || ($hornav_fontstyle == "Trebuchet MS, Helvetica, sans-serif") || ($hornav_fontstyle == "Verdana, Geneva, sans-serif")) : ?>

<style type="text/css">.hornav{font-family:<?php echo str_replace("+"," ",$hornav_fontstyle); ?> }</style>



<?php elseif(($hornav_fontstyle != "Arial, Helvetica, sans-serif") || ($hornav_fontstyle != "Courier, monospace") || ($hornav_fontstyle != "Tahoma, Geneva, sans-serif") || ($hornav_fontstyle != "Garamond, serif") || ($hornav_fontstyle != "Georgia, serif") || ($hornav_fontstyle != "Impact, Charcoal, sans-serif") || ($hornav_fontstyle != "Lucida Console, Monaco, monospace") || ($hornav_fontstyle != "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($hornav_fontstyle != "MS Sans Serif, Geneva, sans-serif") || ($hornav_fontstyle != "MS Serif, New York, sans-serif") || ($hornav_fontstyle != "Palatino Linotype, Book Antiqua, Palatino, serif") || ($hornav_fontstyle != "Times New Roman, Times, serif") || ($hornav_fontstyle != "Trebuchet MS, Helvetica, sans-serif") || ($hornav_fontstyle != "Verdana, Geneva, sans-serif")) : ?>

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $hornav_fontstyle ?>:600,400,300" />

<style type="text/css">.hornav{font-family:<?php echo str_replace("+"," ",$hornav_fontstyle); ?> }</style>

<?php endif; ?>



<?php if(($logo_fontstyle == "Arial, Helvetica, sans-serif") || ($logo_fontstyle == "Courier, monospace") || ($logo_fontstyle == "Tahoma, Geneva, sans-serif") || ($logo_fontstyle == "Garamond, serif") || ($logo_fontstyle == "Georgia, serif") || ($logo_fontstyle == "Impact, Charcoal, sans-serif") || ($logo_fontstyle == "Lucida Console, Monaco, monospace") || ($logo_fontstyle == "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($logo_fontstyle == "MS Sans Serif, Geneva, sans-serif") || ($logo_fontstyle == "MS Serif, New York, sans-serif") || ($logo_fontstyle == "Palatino Linotype, Book Antiqua, Palatino, serif") || ($logo_fontstyle == "Times New Roman, Times, serif") || ($logo_fontstyle == "Trebuchet MS, Helvetica, sans-serif") || ($logo_fontstyle == "Verdana, Geneva, sans-serif")) : ?>

<style type="text/css">h1.logo-text a{font-family:<?php echo str_replace("+"," ",$logo_fontstyle); ?> }</style>



<?php elseif(($logo_fontstyle != "Arial, Helvetica, sans-serif") || ($logo_fontstyle != "Courier, monospace") || ($logo_fontstyle != "Tahoma, Geneva, sans-serif") || ($logo_fontstyle != "Garamond, serif") || ($logo_fontstyle != "Georgia, serif") || ($logo_fontstyle != "Impact, Charcoal, sans-serif") || ($logo_fontstyle != "Lucida Console, Monaco, monospace") || ($logo_fontstyle != "Lucida Sans Unicode, Lucida Grande, sans-serif") || ($logo_fontstyle != "MS Sans Serif, Geneva, sans-serif") || ($logo_fontstyle != "MS Serif, New York, sans-serif") || ($logo_fontstyle != "Palatino Linotype, Book Antiqua, Palatino, serif") || ($logo_fontstyle != "Times New Roman, Times, serif") || ($logo_fontstyle != "Trebuchet MS, Helvetica, sans-serif") || ($logo_fontstyle != "Verdana, Geneva, sans-serif")) : ?>

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $logo_fontstyle ?>:300,400" />

<style type="text/css">h1.logo-text a{font-family:<?php echo str_replace("+"," ",$logo_fontstyle); ?> }</style>

<?php endif; ?>

<?php /*?>End Set Google font choices to body, articleheads, moduleheads and hornav menu<?php */?>



With the following... (edit to taste)..


<link href='http://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Raleway:400,300' rel='stylesheet' type='text/css'>



<style type="text/css">

/* Body */

body, input, button, select, textarea {font-family: 'Raleway', sans-serif; }

/* Article Title */

h2 {font-family: 'Lato', sans-serif; }

/* Module Title */

.module h3, .module_menu h3 {font-family: 'Lato', sans-serif; }

/* Top Menu */

.hornav {font-family: 'Lato', sans-serif; }

/* Logo Font */

h1.logo-text a {font-family: 'Lato', sans-serif; }

</style>


Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
Tralala
Tralala
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks!
This seems to have speeded up my site http://www.interlijn.nl
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok