Webpagina's kleiner maken...

[Verwijderd]

Hallo allemaal,

Ik heb een redelijk lopende website, maar de pagina's zijn zo groot (in kb's)
ik heb zelf alleen "verstand" van html, en maak alles nog in frontpage en notepad (ik weet, frontpage sucked, maar je moet wat als noob)..

Kan iemand mij helpen met hoe ik de html bestanden kleiner kan krijgen ???

De website is http://www.filmbuster.nl

Bedankt voor jullie hulp !!
Groeten

Edwin

[coelho]

Waarom wil je je html nog kleiner? Je site is 28kb. Dat is ongeveer 5 seconden met een 56k6 modem. Volgens mij kun je je site best zo laten, hoor. Overzichtelijke, rustige site trouwens.

[Verwijderd]

het is niet zo zeer de index.html maar de andere sites, met overzichten etc..

encrypt.htm
dvdlinks.htm
prijsvragen2.htm
prijsvragen3.htm

die zijn allemaal 100+ kb en weet niet hoe ik dat minder moet krijgen... en IK heb verder ook niet zo'n problemen met de size, maar ik ga nu per maand over de 1 gig aan bandbreedte die ik krijg heen.... en betaal liever geen extra centjes

[Rickets]

Je kan een begin maken met CSS, zodat je die font-tags kwijt bent.

[Verwijderd]

Bedankt voor de tip Rickets...

Als ik css gebruik, moet ik dan daarna handmatig alle font tags etc weghalen ?? Of is dat op de een of andere manier autmatisch te doen ?!

[Thijsmans]

Zo groot is hij idd niet. Wat je wel kan doen:

1. een css-class maken voor alle td'tjes met "bgcolor="#7F7F99" valign="top""
2. same for valign="middle" align="center"
3. same for <font color="#343C6B" size="2" face="Tahoma"> <a href="http://www.filmbuster.nl/prijsvragen.htm">Prijsvraag</a></font>
4. in een aantal links geef je een target mee ('_blank') terwijl er een base target=_blank boven de pagina staat (dubbelop)

Dus: voor veel voorkomende herhalingen kun je een class aanmaken. Het scheelt niet veel, maar zo groot is die pagina ook niet

[Rickets]

Verwijderd schreef op 19 augustus 2002 @ 12:18:
Als ik css gebruik, moet ik dan daarna handmatig alle font tags etc weghalen ?? Of is dat op de een of andere manier autmatisch te doen ?!

Ja, dat lijkt me wel verstandig. Het is een hoop werk, maar als het eenmaal gedaan is, is een aanpassing zo gedaan.
Vooral als je een externe stylesheet aanmaakt:

code:

<link rel="stylesheet" href="filmbuster.css" type="text/css">

Zie verder ook de reply van Prammenhanger

[Verwijderd]

thanks... Dan ga ik maar eens ergens zoeken hoe ik dit moet gaan doen Heb er nl de ballen verstand van ...

[Tim Schuhmacher]

Je zou je pagina in 2 of 3 verticale frames kunnen indelen, zodat bv het menugedeelte niet telkens hoeft te laden (maar of dat nu een mooie oplossing is en zo traag is het hier echt niet)

[Rickets]

Verwijderd schreef op 19 augustus 2002 @ 12:46:
thanks... Dan ga ik maar eens ergens zoeken hoe ik dit moet gaan doen Heb er nl de ballen verstand van ...

Misschien heb je hier wat aan: http://www.w3.org/Style/CSS/
Sowieso is er op w3 veel info te vinden

[xshredx]

Nog een tip: je zou je pagina's kunnen compressen. Ik weet wel niet in hoeverre jij daartoe de mogelijkheid hebt bij je hoster.
Je index pagina is nu 28852 bytes groot, met compressie zou deze uitkomen zo rond de 4150 à 4900 bytes.
Ik weet niet in hoeverre je vertrouwd bent met bv. php, maar als je bij je hoster de beschikking hebt over php zijn je pagina's in een handomdraai aangepast... enkele lijntjes php code toevoegen zou al volstaan om je nu reeds aangemaakte pagina's te compressen (nog andere scriptingtalen bieden mogelijkheid tot http compressie).
Of anders eens informeren of je mod_gzip kunt krijgen voor je site? Dit is een apache module die je pagina's compresset.
Als je niets weet over http compressie kun je misschien eens de volgende topics bekijken:
Compressed pages: wel of niet doen?
Advanced mod_gzip - apache

Belangrijk om weten is dat http compressie volledig transparant is voor je bezoekers: mod_gzip of de php implementatie van http compressie zullen enkel maar compressie op de pagina's steken als de browser van je bezoeker ook aangeeft dat hij met gecompreste pagina's kan omgaan. Anders wordt een niet gecompreste pagina gestuurd. Maar zowat elke browser kan omgaan met http compressie: vanaf I.E. 4 en Netscape 4.

Zelf gebruik ik het op mijn site, vooral omdat ik zonder compressie veel hogere kosten qua verkeer zou hebben, maar dat de pagina's terzelfdertijd meteen ook een stuk sneller laden, wat zeker opvalt bij mensen met trage verbindingen, is mooi meegenomen.
Ook tweakers.net pagina's zijn gecompresset (bij got is het een preference)
Ik denk dat je veilig kunt stellen dat met http compressie de hoeveelheid data die je naar je browser moet halen met een factor 3 à 4 minimum kunt verminderen.

[Verwijderd]

Ja, begin eerst maar om alles in een stylescheet te duwen. Dan ben je zo al paar duizend kb's kwijt.
Mag ik vragen hoeveel kb je hele site is? met al je subs en graphics erbij?

[Verwijderd]

Uhm.. de hele site, wel een mb of 5 zijn (met alle graphics).. Maar vrijwel alle plaatjes komen uit een database.. Ik heb al wel even liggen stoeien met die css, maar kom eerlijk gezegd nog niet zo ver.. enige wat ik heb is de font en snelkoppeling instellingen, maar dat helpt niet echt (pagina wordt maar een kb of 5 minder, en of ik 108 of 103 kb heb, maakt niet zo veel uit)...

Ik ga eens kijken hoe dat zit met compressen, misschien is dat wat

edit:
Duss... iemand tijd/zin om een css te maken voor een paar noobie pagina's ?? :D:D

[Verwijderd]

CSS echt waar, en dan overal classes voor maken....
tutorial over css: http://www.w3schools.com/css/
css werkt ook stukken beter dan <font> meuk enzo

BTW.
dan moet je wel een apart cssbestand maken en niet in de pagina's zelf zetten he (ik denk ik zeg t even)

[xshredx]

Verwijderd schreef op 19 augustus 2002 @ 22:51:


Ik ga eens kijken hoe dat zit met compressen, misschien is dat wat

Heb je de beschikking over php bij je hoster?
Moet je voor de lol eens iets als dit proberen, en kijken hoe zeer je pagina's gecompressed worden. Die waardes die ik daarstraks gaf (dat je index pagina van 28000 bytes teruggebracht wordt door compressie naar 4000 à 5000 bytes) zijn waardes die uit een testscriptje komen waarin ik je site ingegeven heb, en dus accurate waardes.

PHP:

<?php

ob_start("ob_gzhandler");

?>
<html>
<body>
<p>This should be a compressed page.</p>
</body>
</html>

Compressie inbouwen in je site zou dus zo simpel kunnen zijn als in elke pagina 3 lijntjes toe te voegen:
php openings tag
de ob_gzhandler instructie
php sluit tag

Dit alles natuurlijk enkel als je de beschikking hebt over php waarin zlib meegecompileerd werd.
De php manual page over http compressie vind je hier: http://www.php.net/manual/en/function.ob-gzhandler.php

[WouZz]

xshredx schreef op 20 augustus 2002 @ 01:07:
...
Compressie inbouwen in je site zou dus zo simpel kunnen zijn als in elke pagina 3 lijntjes toe te voegen:
...

Het kan dan zelfs nog simpeler: 2 regels in je httpd.conf zetten:

code:

AddType application/x-httpd-php .html .htm
php_flag zlib.output_compression on

En al je .html en .htm pagina's worden door php gezipt..

[ Voor 0% gewijzigd door WouZz op 20-08-2002 01:29 . Reden: AddType kan niet in een .htaccess ]

[The Source]

Er zijn HTML source compressors die heel je html code opschonen en bijvoorbeeld alle spaties verwijderen en/of vervangen door tabs. Hierdoor blijft er weinig over van je source maar het scheelt natuurlijk wel iets. Je kunt bepaalde elementen van je pagina in een javascript of CSS file stoppen. Daarnaast kun je plaatjes bv in photoshop smartsaven waardoor deze ook kleiner worden.

[Bosmonster]

Als ik naar de source kijk dan zie ik ook een enorme nutteloze tabel voor de linkjes aan de linkerkant. Ieder linkje beslaat 5 regels code ofzo. Maar ik weet niet of daar zo veel aan te doen is als je met frontpage werkt...

[Verwijderd]

Ik heb php tot mijn beschikking op mijn server.. maar of ook dat lib gedeelte erin zit ?? Je ne sais pas

Ik ben bezig geweest met zo'n externe css file.. maar kwam niet verder dan de kleuren etc van de hyperlinks, en de normale text.. Nu kreeg ik hier al de tip om ook de align en valign in css vast te leggen, maar ben nergens in de tutorial tegen gekomen hoe dat in zijn werk gaat..

Maar ga er vanavond wel weer voor zitten, met jullie tips moet ik al een heel eind komen...

(ps.. die opmerking over 2 regeltjes invoegen in een bepaald bestand, zodat alle htm en html bestanden gecompressed worden,... waar vind ik dat bestand?? )

[Blaise]

Je kan plaatjes/scripts ook ergens anders hosten als je met bandbreedte in de knel komt. Lycos.nl heeft redelijk snelle, en vooral gratis hosting.

[xshredx]

Verwijderd schreef op 20 augustus 2002 @ 13:45:


(ps.. die opmerking over 2 regeltjes invoegen in een bepaald bestand, zodat alle htm en html bestanden gecompressed worden,... waar vind ik dat bestand?? )

Dat is in de configuratie file van apache. Waarschijnlijk zul je daartoe wel geen toegang hebben bij je hoster

Je kan dus mijn methode gebruiken ofwel, i.p.v. in de httpd.conf zul je een .htaccess file moeten aanmaken met daarin wat WouZz vermelde.

Wat die twee regeltjes doen is:
1e: ( AddType application/x-httpd-php .html .htm ) : hiermee geef je je apache server de opdracht om files met de extensies .html en .htm te laten behandelen als php files
2e: ( php_flag zlib.output_compression on ) : hiermee geef je php de opdracht de pagina's te compressen

Je moet om deze apache settings te zetten, dus gebruik maken van een .htaccess file.
Deze kun je gewoon in je root directory plaatsen.
Mocht ze problemen ondervinden dat je windows of je ftp progje niet goed overweg kunnen met een file die begint met een punt, maak dan een gewone text file htaccess.txt, kopieer daarin die twee apache configuratie-regeltjes, plaats die file in je root directory van je site, en doe dan een rename van die file naar .htaccess

Nog wat meer informatie over wat er zoal mogelijk is met het geven van apache configuratie settings met een .htaccess file, kun je hier vinden. Tenzij je hoster dat verbiedt of verhindert, kun je dus met een .htaccess file apache settings voor je eigen site zetten zoals je wilt... en dus niet perse zoals ze staan in de config files voor de ganse server. En daarnaast zijn .htaccess files natuurlijk ook bekend van het gebruik ervan om directories dicht te zetten met usernames en passwords.

[Verwijderd]

oke.. die .htaccess stond al in mijn root... dus daarin heb ik bovenin die 2 regeltjes gezet.. Hoe kan ik nou zien of hij ze ook daadwerkelijk compressed (want als ik op eigenschappen klik in internet explorer, dan staat er gewoon de totale aantal kb's)

[Verwijderd]

Ik wordt echt helemaal kriebelig van dat css gebeuren

Jammer dat er niet ergens een stukkie software staat, die je html source stripped en automatisch een bijpassende css maakt !!

Wacht wel tot een maatje van me terug is van vakantie, die is veel beter in zulke dingen dan ik.. het lukt bij mij toch voor geen meter..

iig thanks voor al jullie hulp !!

[Verwijderd]

wanneer je CSS doorhebt kun je beginnen met bv. PHP of ASP en je eigen template gaan maken...

[WouZz]

xshredx: Ik dacht dat Addtype niet werkte in een .htaccess. (zie edit) Maar als je genoeg permissies hebt dus wel..

evdz80: Je pagina's worden gezipt hoor!
Je kan dat eenvoudig controleren met telnet. Gewoon in je command prompt typen:
c:\>telnet www.filmbuster.nl 80

Vervolgens dit intypen (of c/p-en):

code:

GET / HTTP/1.1
Host: www.filmbuster.nl
Accept-encoding: gzip

En daarna twee enters! Dit is in princiepe wat een browser ook minimaal naar je webserver stuurt.. Als je dan vervolgens allemaal rare teken op je scherm ziet betekent dat dat html gezipt is..

[xshredx]

Dit blijkt een constructief topic!
Bij mij, in Mozilla, wordt wel de werkelijke omvang van de verstuurde file getoond (View>>Page Info), en je index pagina is dus inderdaad van ongeveer 28000 bytes naar 4933 bytes teruggebracht.
Natuurlijk blijft het een goed idee om je html code nog beetje te lijf te gaan en css te gebruiken.
Het gebruik van http compressie hoeft geen goede html code uit te sluiten! Maar het is natuulijk wel erg leuk dat je je pagina's al zoveel kleiner hebt kunnen maken door http compressie.

[Verwijderd]

Je pagina opdelen in frames, zodat het meevalt met het laden van 1 pagina. Als de index is geladen gaan de andere (die een stuk kleiner zijn geworden) ook laden. Zo wordt hij nog sneller, en gebruik zoals Rickets al zei: CSS! Dan gaat het een stuk sneller!

[BalusC]

Hier staat ook het een en ander over CSS: www.mijnhomepage.nl (Nederlands!)

Verwijderd schreef op 19 augustus 2002 @ 12:18:
Als ik css gebruik, moet ik dan daarna handmatig alle font tags etc weghalen ?? Of is dat op de een of andere manier autmatisch te doen ?!

Ja, dat kan. Dat lukt zelfs met notepad.exe in Windows2K/XP; gewoon de vervang functie gebruiken. Ik gebruik overigens EditPlus2 voor het bewerken van HTML bestanden. Even [CTRL+H] indrukken en dan bijvoorbeeld

code:

<font color="#343C6B" size="2" face="Tahoma">

vervangen door

code:

<span class="small">

of iets dergelijks

offtopic:
The Source: je hebt een strakke site, maar het is niet 100% "Opera-Compatible".. Ik heb hier wat screenshotjes, let op de vormgeving van de reacties gedeelte: IE screenshotje Opera screenshotje

[ Voor 0% gewijzigd door BalusC op 21-08-2002 09:07 . Reden: offtopic geneuzel toegevoegd ;) ]

[Verwijderd]

is het trouwens ook mogelijk om GIF en andere beeldformaat bestanden te comprimeren waardoor deze snel ingeladen worden. Ik ben nl. bezig met http://www2.hku.nl/~patrick/zof en zoals je kunt zien gaat het inladen van de achtergronden niet erg vlot.

[Tim Schuhmacher]

gif en jpg zijn zelf compressie formaten. Je zou de compressiefactor hoger kunnen instellen.

De site deed het bij mij wel vlot (chello)

[BalusC]

Het ging de topicstarter niet echt om snelheid, maar om de grootte van de site, zodat hij kan voorkomen dat hij over de bandbreedte limiet van zijn Internetverbinding heen gaat

[Rickets]

BalusC schreef op 21 augustus 2002 @ 13:03:
Het ging de topicstarter niet echt om snelheid, maar om de grootte van de site, zodat hij kan voorkomen dat hij over de bandbreedte limiet van zijn Internetverbinding heen gaat

De reply van Tim Schuhmacher ging niet over de site van de topicstarter, maar die van PatrickPietens.

Verwijderd schreef op 21 augustus 2002 @ 11:00:
is het trouwens ook mogelijk om GIF en andere beeldformaat bestanden te comprimeren waardoor deze snel ingeladen worden. Ik ben nl. bezig met http://www2.hku.nl/~patrick/zof en zoals je kunt zien gaat het inladen van de achtergronden niet erg vlot.

GIF kan je opslaan met behulp van 'Save for web'.
Bij het opslaan als JPEG kan je de quality verlagen.

[Verwijderd]

jaja, dat weet ik ... maar is het mogelijk om hem tijdens het versturen van de server naar de bezoeker te comprimeren, dus nog eens extra ... ik weet alles van photoshop etc. af, dus dat hoef ik niet te weten

[Psychokiller]

Bedankt iedereen voor de gegeven links enzo
Heb hele topic paar dagen in de gaten gehouden, omdat ik zelf ook wat losse pagina's wilde verkleinen
Heb nu van een 220Kb slordige html pagina een 60Kb nettere html pagina gemaakt, met behulp van zo'n externe Stylesheet, en zelf alle code na te lopen in notepad ipv Dreamweaver alles te laten doen!
Alleen nu nog proberen

code:

<td width="19">
en
<td colspan="2" bgcolor="#FFFFFF">

proberen te vervangen in de stylesheet, dan ben ik echt tevreden

[Falcon]

Wat zal het voor jouw een uitkomst zijn om es over te gaan op php ... serieus!..

[Blaise]

Als je CSS (nog) niet goed snapt is het prog Topstyle erg handig, dan zie je alle mogelijkheden/effecten makkelijk en snel.
[einde reclame :P]