optimization - Minimize html, doubts and questions -

-

minimizing html section on google's page speed there still room improvement.

my site dynamic , html deflated there no reason put more pressure on server (i don't want minimize pages real time before sending).

what minimize template files. templates files mix of php , html i've come code think pretty safe community revised.

// loop trough template files // php cleaned first line-comments not interfere regex $original = file_get_contents($dir.'/'.$file); $php_clean = php_strip_whitespace($dir.'/'.$file); $minimized = preg_replace('/\s+/', ' ', $php_clean);

this make template files single long file alternated places db content inserted. google's homepage source looks more or less wonder if follow similar approach.

question 1: antecipate potencial problems?
question 2: there anyway better (more efficient this)?

and please remember i'm not trying validate html templates not valid html (header , footer includes, example).

edit: take consideration template files minimized on deploy. css , javascript files minimized , compressed using yui compressure , closure, template files minimized like-wise, on deploy. not on client-request.

thank you.

google's own closure templates (soy) strips whitespace @ end of line default, , template designer explicitly inserts space using {sp}. isn't enough reason switch away php, wanted bring attention.

in addition, realize html 4 allows exclude tags, recommended page speed documentation on minifying html (http://code.google.com/p/page-speed/wiki/minifyhtml). can exclude </p>, </td>, </tr>, etc. complete list of elements can omit end tag, search "- o" in html 4 dtd (http://www.w3.org/tr/rec-html40/sgml/dtd.html). can omit <html>, <head>, <body>, , <tbody> tags entirely, both start , end tags optional ("o o" in dtd).

you can omit quotes around attributes (http://www.w3.org/tr/rec-html40/intro/sgmltut.html#h-3.2.2) such id, class (with single class name), , type have simple content (i.e., matches /^[-a-za-z0-9._:]+$/). attributes have single possible value, can exclude value (e.g., checked rather checked=checked).

some people may find these tips repulsive because we've been conditioned many years prepare upcoming world of simple lalr parsers xhtml. thus, tools dave raggett's html tidy generate html proper closing tags , quotes around attribute values. let's face it, browsers have parsers understand html 4, new browser use html 5 parser rather xhtml, , should comfortable writing html optimized size.

that being said, besides couple large companies google , facebook, guess page size negligible component of latency, if you're optimizing own site it's because of own obsessive tendencies rather performance.


Comments

Post a Comment

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

-
basically i've got update query runs when click submit button. i have asp:repeater in page layer inside this <asp:repeater id="dgbookings" runat="server" onitemdatabound="itemdb"> <itemtemplate> <div class="bookingscontent"> <div class="bookingdetails" id="<%# databinder.eval(container.dataitem, "booking_ref") %>"> <p class="infotext"><%# databinder.eval(container.dataitem, "adults") %> <asp:linkbutton onclick="editdetails" text="edit..." runat="server"></asp:linkbutton></p> <p class="infotext"><asp:linkbutton onclick="submitdetails" text="submit..." runat="server"></asp:linkbutton></p> </div> </div> </itemtemplate> <asp:repeater> and outputs ...
Read more

jquery - appear modal windows bottom -

-
i have modal windows in application, work fine <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> but when modal appears, appear top of windows, , want appear bottom the application joomla 3.0! , using template of meet gavern any idea? i found solution i modified de css in bootstrap .modal.fade { top:-25%; -webkit-transition:opacity .3s linear, bottom .3s ease-out; -moz-transition:opacity .3s linear, bottom .3s ease-out; -ms-transition:opacity .3s linear, bottom .3s ease-out; -o-transition:opacity .3s linear, bottom .3s ease-out; transition:opacity .3s linear, bottom .3s ease-out; }
Read more

c++ - Compiling static TagLib 1.6.3 libraries for Windows -

-
i having super hard time compiling , using taglib 1.6.3 in qt project. i've tried can think of. taglib claims supported through cmake i'm not having luck. furthermore, i'm confused kinds of files need qt libs! i've built *.a files, *.lib, , *.dll. understand far... believe since i'm working in windows *.lib want. no matter do, end "undefined references" taglib functions try use when try compile qt project. have tried mingw32, msys, visual studio 2008, , cross-compiling windows on linux. turning nothing. what makes less sense me if compile same taglib source qt on mac (g++ think?) works fine! somewhere in windows compilation procedures have going wrong. have been smacking face on desk 30 (on , off) hours trying figure out. since qt uses mingw must compile taglib same compiler? if compile *.lib's visual studio not compatible? are *.a libraries usable in windows? (assuming mingw) i'm still trying handle on c++ stuff, after reading coun...
Read more