Minify HTML

Status
Niet open voor verdere reacties.
femke98

femke98

Meubilair
Lid geworden
16 dec 2006
Berichten
6.974
HTML verkleinen
Wanneer u HTML-code comprimeert, inclusief eventuele inline JavaScript- en CSS-code, kunt u vele bytes aan gegevens besparen en het downloaden en parseren versnellen.
Verklein HTML voor de volgende bronnen om de grootte te reduceren met 1,5 KB (een besparing van 11%).

Het verkleinen van http://bouke-blog.nl/ kan na comprimeren 1,5 KB besparen (een besparing van 11%).


Nu heb ik een verkleind html file, maar ik zit mij af te vragen waar ik deze moet plaatsen!

Het is een txt bestandje, maar ik weet niet wat ik er mee aan moet. Wie helpt?
 
Druk ik mij zo verkeerd uit?
Die file moet toch ergens geplaatst worden, maar waar?
 
Je schreef "Het is een txt bestandje..." (enkelvoud)
ik ga er dus vanuit dat je ook één html-bestand hebt laten verkleinen.

Dan zou het nieuwe, verkleinde bestand (met als extensie .html) op dezelfde plaats moeten komen waar het oorspronkelijke bestand stond/staat.

Of heeft dat Minify meerdere (of alle) html-bestanden verkleint en ze allemaal in één bestand gestopt? Dat lijkt me niet werkbaar.
 
Eh nee, dat heeft het niet.
Maar er was ook iets anders aan de hand, dus er is een back-up terug gezet, helaas een back-up van dec. 2014
Dit heeft helaas geleid tot het missen van berichten en pagina's.

Echt mijn eigen schuld; ik had geen back-up gemaakt voordat ik aan de slag ging. Vandaar dat we alleen een back-up van december hadden.
Nou ja, het is een les geweest.

Over dat bestandje nog even: GTMetrix geeft je een html verkleind bestandje van http://bouke-blog.nl
en daar ging het over. Waar moet ik dan dat bestandje wat verkleind is, neerzetten? In GTMetrix staat namelijk niet waar het vandaan komt.

Er staat letterlijk:
Minifying the following HTML resources could reduce their size by 553B (4% reduction).

Minifying http://bouke-blog.nl/ could save 553B (4% reduction) after compression. See optimized version
Klik om te vergroten...

waar zet ik die optimized versie?
 
Wanneer ik naar je broncode kijk zie ik het volgende:
HTML: 
<head>
<link
rel='stylesheet' href='http://bouke-blog.nl/wp-content/plugins/wp-minify-fix/min/?f=wp-content/themes/weaver-ii/style.min.css,wp-content/themes/weaver-ii/style-mobile.min.css,wp-content/plugins/fancybox-for-wordpress/fancybox/fancybox.css&amp;m=1423482901' type='text/css' media='screen' /> 
<script type="text/javascript" src="http://bouke-blog.nl/wp-content/plugins/wp-minify-fix/min/?f=wp-content/themes/weaver-ii/js/html5.js,wp-includes/js/jquery/jquery.js,wp-includes/js/jquery/jquery-migrate.min.js,wp-content/plugins/fancybox-for-wordpress/fancybox/jquery.fancybox.js&amp;m=1423482900">
</script>
Je gebruikt dus de "WP-Minify-Fix" plugin.

Ik ken die plugin zelf niet, maar in de volgende pagina https://wordpress.org/plugins/wp-minify-fix/
 staat het volgende:
his plugin integrates the Minify engine into your WordPress blog. Once enabled, this plugin will combine and compress JS and CSS files to improve page load time.
Klik om te vergroten...
en er staat ook:
WP Minify Fix grabs JS/CSS files in your generated WordPress page and passes that list to the Minify engine. The Minify engine then returns a consolidated, minified, and compressed script or style for WP Minify to reference in the WordPress header.
Klik om te vergroten...
Ik begrijp daaruit dat de plugin zijn werk doet zonder dat jij nog zelf een bestand moet plaatsen.
Vind ik wel logisch ook eigenlijk. Plugins werken vrijwel altijd autonoom. (eventueel nadat je instellingen hebt gezet)
 
Ja, ik had deze geinstalleerd nadat ik de website weer een beetje op orde had.
(gisteren de hele middag aan gewerkt)
Toen zag ik deze plugin voorbij komen. Eigenlijk wil ik het liefst zonder plugin werken, omdat je nu eenmaal niet zo veel plugins moet gebruiken. Dit kan de snelheid ook tegenwerken.
Vandaar dat ik nog wel graag antwoord wil op mijn vraag, als het mogelijk is. ;)
 
Hallo Femke,

Ik begrijp nog niet welke code er in het bestand staat van je .txt? Je hebt zeker een minifier-script gedownload, en wilt deze in je theme voegen?
 
Als ik dit zo lees...
http://www.inmotionhosting.com/support/edu/website-design/minifying-html
en onderaan staan 3 tools hoe je het ook kunt doen...
doen ze allemaal hetzelfde als jouw plugin.... ze verkleinen het oorpsronkelijke
" HTML (or XHTML), and any CSS or JS included in your markup".....
dus als je het handmatig op 1 van die 3 sites gedaan had.. dan had je het bestand exact weer terug moeten zetten waar het stond.
Deze actie hoef je dus niet te beperken tot een bestand...

Het verhaal geeft ook een inkijk in mogelijke nadalen en de te behalen winst....
Waar zij spreken over een factor ca 10x kleiner en de (beperkte) winst...... kun je je afvragen of 11% kleiner wel zin heeft om dit te doen ?

Meer achtergrond info:
http://perfectionkills.com/experimenting-with-html-minifier/
 
Ik geloof niet dat jullie mij begrijpen...eens kijken of ik het anders kan uitleggen.

Toen ik de website aan het optimaliseren was middels GTMatrix, kwam het volgende naar boven:
Minifying the following HTML resources could reduce their size by 553B (4% reduction).

Minifying http://bouke-blog.nl/ could save 553B (4% reduction) after compression. See optimized version
Klik om te vergroten...

Ik dacht dus, die optimized version moet ik hebben!! Deze kan je dus downloaden als je klikt op de link Optimized version. Dan krijg je de html.
De vraag was echter: waar zet ik die neer in de files in de DirectAdmin?
Dit is dus de oorspronkelijke vraag.

Wanneer dit nog steeds niet duidelijk is, ja......dan weet ik niet hoe ik het zo simpel mogelijk moet omschrijven.

Echter, ik heb inmiddels wel de minify plugin geinstalleerd, dat is waar. Maar de vraag blijft staan.
Ik wil het weten. En of het nu wel of niet met die minify is opgelost, doet er even niet toe.
 
Laatst bewerkt:
Hallo Femke,

Dit gaat met WordPress niet lukken op deze manier. GTMatrix leest de gehele pagina en compressed deze inderdaad. Maar in werkelijkheid bestaat een WordPress pagina uit losse template delen (header.php, index.php, footer.php en eventueel nog andere template delen) die tijdens het laden van je pagina tot één bestand worden gemaakt ( simpel gezegd ).

In het bestand wat jij kunt downloaden van GTMatrix zijn al deze delen template delen in één bestand verwerkt en ook de benodigde PHP tags zijn niet meer aanwezig omdat deze niet kunnen worden gelezen door GTMatrix. Je hebt dus zeer weinig aan dit bestandje. (Mocht je een HTML website gaan maken dan zou je deze manier wel kunnen toepassen)

Ik raad je toch aan de plugin voor WordPress te gebruiken.
 
Aha, kijk..........nu heb ik antwoord.
In mijn gedachtengang had ik al zo'n idee dat ik er niet veel aan zou hebben omdat ik met Wordpress werk, maar nu wee ik het zeker.
Bedankt voor je verhelderende antwoord,.

Ik laat de plug-in staan hoor, maar liever gebruik ik zo min mogelijk plug-ins. Die werken toch ook je snelheid wat tegen.
 
Ik gebruik vnl Joomla, maar dit lees ik toch over WP hiervoor:

http://www.intert3chmedia.net/2011/12/minify-html-javascript-css-without.html
Er staat precies uitgelegd hoe je het zou moeten doen...

Zou dus wel moeten werken...
nog meer innif:
http://setuix.com/minify-javascript-html-wordpress-without-plugin/#.VNzrkJ2G8Xs

Stakcoverflow vraagt zich wel af hoe zin vol dit is.. (ik had ook al iets geschreven over mogelijk te grote beloften....)
http://stackoverflow.com/questions/12554972/how-to-minify-wordpress-output-html-code-on-single-line

Zo kun je WP ook sneller maken... pik er uit wat je nuttig lijkt...
http://www.dwuser.com/education/content/10-steps-to-a-faster-wordpress/
 
Verder weet ik wel hoe ik de websites sneller kan maken, ik heb er al een aantal gemaakt.

Alleen dat html ding, dat vroeg ik mij af.

Het is goed zo. De website geeft 93% in GTMetrix en YSlow is wel wat minder, maar de dingen die worden aangegeven, daar kan ik verder niets aan veranderen.
Soms geven ze wat aan waar je niets aan kan veranderen, dus ach.
Daarom, ik vind het zo goed.

Joomla ooit mee gewerkt toen ik de website van de hengelsportvereniging overnam, maar na een paar keer kwam ik tot de conclusie dat Joomla echt niets voor mij is.
Ik heb toen de website helemaal overnieuw gemaakt in Wordpress. Is al wat jaren terug en de website draait nog steeds goed.

Toch bedankt voor je tips.
 
Graag gedaan.
WP heeft wat pros (website van mijn zoon is er op gebaseerd), maar ik vind de opzet niet alleen maar intuïtief en das bij Joomla wel zo... En zeker ook voor Joomla zijn er zoveel vrije templates te verkrijgen...
 
De opzet van WP vind ik voor mensen die beginners zijn, makkelijker te begrijpen dan Joomla.

Bij Joomla zit alles verstopt kan ik mij nog herinneren en moet je echt onthouden waar alles zit en zo. Het was niet simpel van opzet.
Maar ik spreek over 2010 toen ik de taak voor de hengelsport (http://hsvnb.nl/) op mij ging nemen. En ik had allang door dat ik snel van dat Joomla af moest.

Maar zo heeft ieder zijn eigen ervaring.

edit: deze site wil ik ook nog optimalizeren, maar zal dat nu wat voorzichtiger doen en een recente back-up maken voordat ik aan de gang ga. ;)
 
Laatst bewerkt:
Of dat ook geldt voor Joomla dat weet ik niet. Dus wie weet is Joomla wel in die 5 jaar zo verg veranderd dat er simpel mee te werken valt.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan