Posted by dailypress on January 23, 2010 at 9:37pm
I did a view source on my front page and saw a huge list of CSS and other code. Am I doing something wrong? or is this natural?here is what the begining (top section) of my code looks like...
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen, projection, tty, tv, print">
<!--
/* <![CDATA[ */
body {
font-size: 100% !important;
}
body.textsize-5 { font-size: 5% !important; }
body.textsize-10 { font-size: 10% !important; }
body.textsize-15 { font-size: 15% !important; }
body.textsize-20 { font-size: 20% !important; }
body.textsize-25 { font-size: 25% !important; }
body.textsize-30 { font-size: 30% !important; }
body.textsize-35 { font-size: 35% !important; }
body.textsize-40 { font-size: 40% !important; }
body.textsize-45 { font-size: 45% !important; }
body.textsize-50 { font-size: 50% !important; }
body.textsize-55 { font-size: 55% !important; }
body.textsize-60 { font-size: 60% !important; }
body.textsize-65 { font-size: 65% !important; }
body.textsize-70 { font-size: 70% !important; }
body.textsize-75 { font-size: 75% !important; }
body.textsize-80 { font-size: 80% !important; }
body.textsize-85 { font-size: 85% !important; }
body.textsize-90 { font-size: 90% !important; }
body.textsize-95 { font-size: 95% !important; }
body.textsize-100 { font-size: 100% !important; }
body.textsize-105 { font-size: 105% !important; }
body.textsize-110 { font-size: 110% !important; }
body.textsize-115 { font-size: 115% !important; }
body.textsize-120 { font-size: 120% !important; }
body.textsize-125 { font-size: 125% !important; }
body.textsize-130 { font-size: 130% !important; }
body.textsize-135 { font-size: 135% !important; }
body.textsize-140 { font-size: 140% !important; }
body.textsize-145 { font-size: 145% !important; }
body.textsize-150 { font-size: 150% !important; }
body.textsize-155 { font-size: 155% !important; }
body.textsize-160 { font-size: 160% !important; }
body.textsize-165 { font-size: 165% !important; }
body.textsize-170 { font-size: 170% !important; }
body.textsize-175 { font-size: 175% !important; }
body.textsize-180 { font-size: 180% !important; }
body.textsize-185 { font-size: 185% !important; }
body.textsize-190 { font-size: 190% !important; }
body.textsize-195 { font-size: 195% !important; }
body.textsize-200 { font-size: 200% !important; }
/* ]]>*/
-->
</style>
<link rel="shortcut icon" href="/sites/default/files/giordani_favicon.ico" type="image/x-icon" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/textsize/textsize.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/poll/poll.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/theme/content-module.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/extlink/extlink/extlink.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/fckeditor/fckeditor.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/fivestar/css/fivestar.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/fivestar/oxygen/oxygen.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/photos/thickbox/thickbox.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/photos/css/photos.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/photos_access/photos_access.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/tagadelic/tagadelic.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/marinelli2/layout.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/marinelli2/graphics.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/marinelli2/typography.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/marinelli2/links.css?D" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/marinelli2/giordani2/giordani.css?D" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/sites/all/themes/marinelli2/giordani2/iestyles/ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/sites/all/themes/marinelli2/giordani2/iestyles/ie7.css" />
<![endif]-->
<script type="text/javascript" src="/misc/jquery.js?D"></script>
<script type="text/javascript" src="/misc/drupal.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/textsize/jquery.textsize.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/jquery_plugin/jquery.cookie.min.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/extlink/extlink/extlink.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/fivestar/js/fivestar.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/photos/js/photos.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/photos/js/jquery.jeditable.pack.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/photos/thickbox/thickbox-compressed.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/photos_access/photos_access.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/pop_links/pop_links.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/spamspan/spamspan.compressed.js?D"></script>
<script type="text/javascript" src="/sites/all/modules/worldclock/worldclock.js?D"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "extlink": { "extTarget": "_blank", "extClass": "ext", "extSubdomains": 1, "extExclude": "", "extInclude": "", "extAlert": 0, "extAlertText": "This link will take you to an external web site. We are not responsible for their content.", "mailtoClass": "mailto" }, "fivestar": { "titleUser": "Your rating: ", "titleAverage": "Average: ", "feedbackSavingVote": "Saving your vote...", "feedbackVoteSaved": "Your vote has been saved.", "feedbackDeletingVote": "Deleting your vote...", "feedbackVoteDeleted": "Your vote has been deleted." }, "googleanalytics": { "trackOutgoing": 1, "trackMailto": 1, "trackDownload": 1, "trackDownloadExtensions": "7z|aac|avi|csv|doc|exe|flv|gif|gz|jpe?g|js|mp(3|4|e?g)|mov|pdf|phps|png|ppt|rar|sit|tar|torrent|txt|wma|wmv|xls|xml|zip" }, "pop_links": { "base_path": "/" }, "spamspan": { "m": "spamspan", "u": "u", "d": "d", "t": "t" }, "locations": { "1": [ "54", "Iran", 3.5, 0, 0, 0, 0, 0, 0, 0, 0, 0 ] }, "maxnum": "1", "time_str": "m/d/y h:i A", "show_dst": 0, "dst_str": "*", "sdow": [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], "smon": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ], "ldow": [ "Sunday", "Monday", "Tueday", "Wedday", "Thuday", "Friday", "Satday" ], "lmon": [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ] });
//--><!]]>
</script>
<script type="text/javascript">
Comments
The body.textsize-5 {
The
body.textsize-5 { font-size: 5% !important; }etc. code appears to be from the Textsize module: http://drupal.org/project/textsize You may be able to adjust the settings there to reduce that.
The rest of your CSS looks fairly normal to me. Although half of your code above is JS not CSS.
To reduce the amount of JS and CSS used on your site, go to Site Configuration -- Performance and consider enabling the two items under "Bandwidth optimizations."
HTH
--
CiviHosting - Drupal Hosting Specialists -- 100% Satisfaction Guaranteed
thank you for your
thank you for your response.
Do you recommend using that option? I thought there was a warning note under that option saying that this optimization could effect your performance!
Im glad you mentioned that the code looks normal, cause to me it looks a bit confusing and too much code! :)
Unless there is a module that
Unless there is a module that has a conflict with these optimizations, then they are generally recommended, AFAIK.
--
CiviHosting - Drupal Hosting Specialists -- 100% Satisfaction Guaranteed