Techniek

Nieuw webhostingplatform

Op woensdag 13 januari 2016 tussen 0.00 en 3.00 uur, zal Tuxis het nieuwe webhostingplatform in gebruik gaan nemen. Klant hoeven hiervoor niets te doen, het gaat allemaal vanzelf!

Wat verandert er?

Voor de klant eigenlijk niet zoveel. Het gaat vooral om wijzigingen onder de motorkap. Waar de klant wel rekening mee moet houden is dat we geen FTP meer ondersteunen, maar alleen nog SFTP. SFTP is veel veiliger (en technisch ook nog eens handiger) dan FTP of zelfs FTPS. Filezilla ondersteunt standaard SFTP. Het enige dat er anders moet worden gedaan is dat poort 22 ingevuld wordt, in plaats van 21.

En onder die motorkap dan?

Tsja, daar verandert wel het een een ander:

  • PHP:
    Die gaat van versie 5.3.10 naar 5.6.14
  • Mysql:
    Op het oude platform maakte gebruik van Mysql met Galera. Hierdoor was iedere machine ook een Mysql-server en was er in theorie minder downtime door storingen aan Mysql. In de praktijk viel dat echter wel een beetje tegen en waren de nadelen van deze setup (in het geval van shared hosting) aanzienlijk groter dan de voordelen. Dus, Galera komt te vervallen en alle sites gaan, voor dit moment in elk geval, draaien vanaf een enkele Mysql server
  • Loadbalancers:
    Dat is de week voor de kerst al gedaan. In plaats van Keepalived wordt het nieuwe cluster geloadbalanced door HAProxy.
  • short_open_tag:
    Dat is een instelling van PHP, waarvan de waarde aangepast wordt. Die stond eerst op ‘On’, en gaat nu naar ‘Off’. Vroeger was het heel normaal om ‘‘ in PHP-code te schrijven, in plaats van ‘‘. Maar om verwarring met andere talen te voorkomen is PHP al lang geleden begonnen met het ontmoedigen van het gebruik van deze ‘short_open_tag’. Op het platform staat deze instelling nu standaard op ‘Off’, maar het kan nog ingeschakeld worden door het volgende in de .htaccess van uw site te zetten:
    php_value short_open_tag 1
    Morgen zal, na het omzetten, een snelle check worden gedaan op iedere site om te controleren of deze instelling gedaan moet worden maar de verwachting is, na de eerste steekproeven, dat dat niet nodig zal zijn.
  • Eaccelerator staat uit:
    Op het oude platform stond eaccelerator aan om de PHP code te versnellen. Eaccelerator is echter al een lange tijd unmaintained en deprecated en het is dus niet verstandig om dat in een nieuwe setup op te zetten. Maar, helaas is er geen veilig alternatief. Alle alternatieven die er zijn gaan uit van een shared-cache, wat in zou houden dat de ene gebruiker zonder problemen de code van een andere gebruiker uit kan lezen. Aangezien we dat een slecht idee vinden, doen we het voorlopig zonder extra optimalisatie.

Mocht u op woensdag onverklaarbare dingen tegen komen op uw website, twijfel dan geen seconde en neem direct contact met ons op!

Nieuws

Nieuwe dienst: Tuxis Analytics

U wilt uitgebreide statistieken over het bezoek aan uw website, een eenvoudige integratie in uw website, en de zekerheid dat de gegevens over uw bezoekers niet gebruikt worden voor andere doeleinden dan uw eigen. Dan is Tuxis Analytics voor u!

Tuxis Analytics (op basis van Piwik) is eenvoudig te integreren in uw website. Voor een heel aantal content management systemen zijn er kant en klare plugins te vinden. In tegenstelling tot bijvoorbeeld Google Analytics wordt de data over uw bezoekers niet gebruikt voor andere zaken dan uw eigen statistieken.

Met Tuxis Analytics kunt u zoveel sites onder uw account aan laten maken als u wilt. U betaalt per 100.000 hits, ongeacht hoe lang u erover doet om deze te halen. Dit maakt het ook interessant om aan uw eigen klanten aan te bieden. U hoeft geen servers te onderhouden of rekening te houden met als het nou toch eens iets drukker wordt op uw site. Voor slechts € 0,000015 per geregistreerde hit bent u volledig op de hoogte.

U krijgt administratierechten over uw eigen domein, waarmee u zichzelf op gezette tijden rapportages kunt laten e-mailen. Ook is het mogelijk om integratie met uw webshop in te regelen, zodat u ook omzet kunt koppelen aan specifieke acties.

Interesse? Neem nu contact met ons op!

[table id=9 /]

Frontpage

Nieuwe functionaliteit in het Tuxis CDN Platform, image optimization

Al sinds december 2011 biedt Tuxis een CDN platform aan aan webhosting klanten. Het platform biedt vanaf dat moment de mogelijkheid om Javascript en CSS automatisch te ‘minifyen’, wat inhoudt dat alle onnodige tekens verwijderd worden. De CSS en Javascript downloads worden hierdoor kleiner (en dus sneller) wat een positief resultaat oplevert bij zoekmachines.

Nieuwe functionaliteit

Maar sinds vorige week zit er nieuwe functionaliteit in het Tuxis CDN platform. Het optimaliseert nu ook PNG- en JPEG-plaatjes. Vanaf het tweede verzoek van een plaatje aan de CDN webserver, wordt het plaatje geoptimaliseerd uitgeserveerd, inclusief de benodigde headers om te voorkomen dat het plaatje te vaak wordt opgevraagd.

Resultaat

Het resultaat van het gebruik van het Tuxis CDN platform mag er zijn! Voor https://www.tuxis.nl/ is het verschil tussen wel CDN of geen CDN duidelijk:

Score van www.tuxis.nl zonder het CDN te gebruiken
Score van www.tuxis.nl zonder het CDN te gebruiken

Score van www.tuxis.nl met getbruik van het CDN
Score van www.tuxis.nl met getbruik van het CDN

Nu voor iedereen beschikbaar

Tot nu toe was het Tuxis CDN platform alleen beschikbaar voor klanten van Tuxis die al webhosting afnamen. Maar vanaf nu kan iedereen vanaf € 5,- per maand gebruik maken van het CDN. Neem contact met Tuxis op voor meer informatie!

Frontpage

Tuxis stapt over op Piwik

AWStats gebruikte ik eigenlijk al niet meer. Te statisch, teveel vervuiling (oa. in de referrers, veel .ru spam). Piwik is erg fraai. Het geeft soms nog sneller inzicht dan Google Analytics, met name het pad wat kopers hebben afgelegd is na te lopen. Dit maakt inzichtelijk hoe kopers/potentiele klanten je site ervaren. Daarnaast is de iPad app erg handig, bij Google een hoop gedoe. Kortom: ik wil ’t nu al niet meer missen 😉

Dat komen we natuurlijk meer tegen. Mensen hebben een website, maar kunnen niet goed inzichtelijk krijgen wie er nou eigenlijk op de website komt, waar die mensen vandaan komen, wat ze eigenlijk op die website allemaal doen, en meer van dat soort vragen.

Tot nu toe leverde Tuxis statistieken op basis van AWStats. Dat levert op zich wel wat antwoorden op bovenstaande vragen, maar heel diepgaand is het niet. Dus we zijn op zoek gegaan naar alternatieven. En die hebben we gevonden:
piwiklogo

Enter Piwik

Piwik is (zoals de bovenstaande quote van de eigenaar van https://penstore.nl/ al doet vermoeden) een serieuze concurrent voor Google Analytics. Natuurlijk ondersteunt Piwik alle standaard features, welke zoekwoorden zijn er gebruikt, waar komen de bezoekers vandaan etc. etc. Maar het kan meer. Zo kun je realtime inzien wat er gebeurt op de site. Daarnaast kun je zelf rapportages definieren die automatisch gemaild worden en kun je daarin ook eventuele omzet op je webshop in naar voren laten komen. Voor verschillende CMS’en en shops zijn kant en klare plugins, zodat integratie heel makkelijk wordt.

Eigenlijk is het beter om de complete feature-lijst op de site van Piwik zelf te bekijken.

Privacy

Privacy is belangrijk voor Tuxis, en daarom vinden we het fijn om onze klanten oplossingen te bieden de geen gebruik maken van de diensten van bijvoorbeeld een Google. De data over uw bezoekers staat veilig op de infrastructuur van Tuxis en is alleen beschikbaar voor u. Tuxis maakt op geen enkele manier gebruik van uw bezoekersgegevens. Nog een pluspuntje boven Google Analytics dus!

Mobile App en Data Export

Met de Mobile App (beschikbaar voor iOS en Android), kun je ook op je telefoon en/of tablet realtime bij kunt houden wat er op je site gebeurt. Of als je achteraf je eigen analyse op de informatie uit Piwik los wilt laten, exporteer je de gewenste informatie via de API gewoon naar Excel, XML of JSON.

Wanneer krijg ik dit?

Iedere klant van Tuxis die webhosting afneemt krijgt gratis Piwik statistieken tot zijn beschikking.

Frontpage

Drupal + Tuxis CDN = Sneller

Deze blogpost is een vervolg op de posting Maak WordPress sneller met het Tuxis CDN Platform. Deze serie posts beschrijft hoe u de verschillende CMS en webshop producten sneller kunt maken met het Webhosting CDN platform. Vandaag: Drupal

Plugin installeren

Om het CDN te kunnen gebruiken met Drupal, hebben we de CDN Plugin van Drupal nodig. Download de ZIP of tar.gz file en pak hem uit in je /modules directory. Vervolgens moet je hem inschakelen via het Modules-menu van Drupal.

Configuratie

De configuratie is erg eenvoudig. Ga in het administrator-panel van Drupal naar Configuration en klik vervolgens op CDN. Ga dan naar het tabje DETAILS. Het Tuxis CDN is een Origin Pull CDN, die optie moet dus ook gekozen zijn. Vervolgens vul je bij CDN Mapping in welke files je allemaal via het CDN wilt laten gaan. De syntax is als volgt:

http://<code>.cdn.tuxis.nl/|.css .js .png .gif (etc etc etc)

Alle bestanden die eindigen op die extensie zullen vervolgens via het CDN lopen. Klik nu op Save Configuration en ga naar het tabje GENERAL. Daar moet Status natuurlijk nog op Enabled gezet worden. Klik nogmaals op Save Configuration en je content loopt via het Tuxis CDN.

Profit!

Uw site maakt nu direct van een CDN die snel uit memory de content kan serveren, JavaScript en CSS minimaliseert en zorgt dat een browser niet te vaak om de content vraagt. Drie optimalisaties in één dus!

Van welk product wilt u zien hoe de het Tuxis CDN Platform eenvoudig geintegreerd kan worden? Laat uw verzoek achter in de comments en houd dit blog in de gaten of volg Tuxis op Twitter.

Frontpage

Tuxis CDN Platform en Joomla

Deze blogpost is een vervolg op de posting Maak WordPress sneller met het Tuxis CDN Platform. Deze serie posts beschrijft hoe u de verschillende CMS en webshop producten sneller kunt maken met het Webhosting CDN platform. Vandaag: Joomla

Plugin installatie

Om het CDN in Joomla te kunnen gebruiken hebben we een plugin nodig. Joomla heeft zelf niet de benodigde functionaliteit in huis. De plugin waar deze post op gebaseerd is heet CDN for Joomla! en kan gedownload worden van de site van de ontwikkelaar.

Log in als administrator op je Joomla! installatie en ga naar ExtensionExtension Manager. Kopieer de downloadlink van CDN for Joomla! en plak hem in het balkje bij Install from URL. Klik op Install en wacht even tot het systeem de plugin geinstalleerd heeft. (Op het moment van schrijven is die installatie-URL http://nonumber-cdnforjoomla.googlecode.com/files/CDNforJoomla-v1.7.1.zip)

Plugin configuratie

Als Joomla! zover is, ga dan naar ExtensionPlug-In Manager zoek de CDN-plugin op en klik op de naam. Je komt dan in de admin-pagina van deze plugin, waar je een paar dingen moet controleren en invullen:

  • Status
    Moet op Enabled staan
  • Ordering
    Deze plugin moet laat mogelijk draaien, maar voor caching en SEO-modules. Volg de nummering in de lijst.
  • Site Root
    Met deze waarde heb ik wat ruzie gehad. Mijn test-installatie van Joomla! stond in /joomla en dat had ik ingevuld bij deze waarde, maar toen werkte de plugin niet. Ik heb ervoor gekozen om deze waarde op / te laten staan, dan werkte de plugin goed.
  • CDN Domain
    Je zou verwachten dat je hier alleen de domeinnaam van de CDN kunt invullen, in ons geval <code>.cdn.tuxis.nl. Dat blijkt echter niet het geval te zijn. Omdat mijn test-installatie in /joomla/ stond, moest ik hier <code>.cdn.tuxis.nl/joomla/ invullen.
  • File Types, Extra Filetypes en Ignore Files
    Hiermee kan wat specifieker afgesteld worden of het CDN gebruikt moet worden. Doordat je met deze plugin verschillende CDN’s op kunt geven is het mogelijk om verschillende CDN’s te gebruiken voor verschillende bestandstypen.

Als alles naar wens is geconfigurerd klikt u op Save. Als u caching aan hebt staan moet u de cache nog wel even legen. Ga hiervoor naar SiteMaintenanceClear Cache.

Profit!

Uw site maakt nu direct van een CDN die snel uit memory de content kan serveren, JavaScript en CSS minimaliseert en zorgt dat een browser niet te vaak om de content vraagt. Drie optimalisaties in één dus!

Van welk product wilt u zien hoe de het Tuxis CDN Platform eenvoudig geintegreerd kan worden? Laat uw verzoek achter in de comments en houd dit blog in de gaten of volg Tuxis op Twitter.

Frontpage

Een snellere Magento Webshop met het Tuxis CDN Platform

Deze blogpost is een vervolg op de posting Maak WordPress sneller met het Tuxis CDN Platform. Deze serie posts beschrijft hoe u de verschillende CMS en webshop producten sneller kunt maken met het Webhosting CDN platform. Vandaag: Magento

Magento is een veelgebruikt product om webshops te maken. Door de vele mogelijkheden van Magento kan de webshop nog wel eens iets vertragen. Het gebruiken van het Tuxis CDN Platform versnelt de webshop aanzienlijk, doordat een aantal optimalisaties gebruikt worden.

Configuratie

Het configureren van het Tuxis CDN Platform in Magento is vrij eenvoudig. Er is geen installatie van een plugin nodig, de standaard installatie van Magento heeft de benodigde functionaliteit.

Log in als administrator van de shop en ga naar SystemConfiguration. U krijgt daar een heleboel opties, we hebben het sub-menu Web nodig.
In het blok Unsecure en Secure zitten de opties die u aan moet passen. Secure hebt u alleen nodig als u Webhosting met SSL afneemt, maar als webshop is het zeer onverstandig om geen SSL te gebruiken.

U dient de volgende opties aan te passen:

  • Base Skin URL
  • Base Media URL
  • Base JavaScript URL

Standaard staat er in die opties:

  • {{unsecure_base_url}}skin/
  • {{unsecure_base_url}}media/
  • {{unsecure_base_url}}js/

U dient {{unsecure_base_url}} te vervangen door http://<code>.cdn.tuxis.nl. Als u Magento niet in / beschikbaar hebt, maar bijvoorbeeld /shop wordt de URL voor skin dus:
http://<code>.cdn.tuxis.nl/shop/skin/

Er wordt door Magento gewaarschuwd dat het aanpassen van de js URL problemen kan veroorzaken doordat sommige Javascripts niet draaien als er sprake is van cross domain scripts. Als u deze problemen tegenkomt, pas dan de URL voor js/ weer aan naar de originele waarde.

Voor SSL kunt u in principe dezelfde instellingen gebruiken, maar gebruik dan https in plaats van http

Cache

Het kan nodig zijn om de Magento cache te legen, via SystemCache management. Doe dit als de URL’s in uw shop niet direct aangepast worden.

Profit!

Uw site maakt nu direct van een CDN die snel uit memory de content kan serveren, JavaScript en CSS minimaliseert en zorgt dat een browser niet te vaak om de content vraagt. Drie optimalisaties in één dus!

Van welk product wilt u zien hoe de het Tuxis CDN Platform eenvoudig geintegreerd kan worden? Laat uw verzoek achter in de comments en houd dit blog in de gaten of volg Tuxis op Twitter.

Frontpage

Maak WordPress sneller met het Tuxis CDN Platform

Tuxis webhosting is van zichzelf al razendsnel. Door gebruik te maken van eAccelerator en de belasting op het platform goed in de gaten te houden bent u verzekerd van hoge snelheid van uw website. Maar het kan nog sneller!

Zoals we in deze blogposting al uitleggen kan een website verder geoptimaliseerd worden door gebruik te maken te maken van een CDN-platform en nog wat andere trucjes. In die blogposting vertellen we ook dat we bezig zijn met het opzetten van een CDN platform. Dat platform is nu operationeel en combineert een aantal van de genoemde optimalisaties.

In de komende weken zal voor een aantal bekende producten op het blog uitgelegd worden hoe het Tuxis CDN platform eenvoudig te integreren is. Als eerste is WordPress aan de beurt.

Plugins

Er zijn een aantal plugins beschikbaar voor WordPress om een CDN makkelijk mogelijk te maken, maar ze zijn niet allemaal geschikt. Sommige uploaden zelf de content naar het CDN, iets wat bij Tuxis niet nodig is. De plugin die voor Tuxis als beste uit de bus kwam is CDN Linker. Deze plugin heeft maar weinig configuratie nodig en doet precies wat u nodig hebt. Helaas is de juiste versie niet te installeren via de webinterface van WordPress, dus volg de instructies op de site van CDN Linker voor de installatie. Die is overigens redelijk eenvoudig.

Configuratie

Nadat de plugin geinstalleerd is moet hij worden geactiveerd in de Plugins-pagina. Na activatie verschijnt er een extra optie in het Settings-menu, CDN Linker. Klik daarop om CDN Linker te configureren.

Op de configuratiepagina zijn vier opties:

  • CDN URL
    De URL die gebruikt moet worden om het CDN te gebruiken. In het geval van Tuxis is dat http://<code>.cdn.tuxis.nl. CDN Linker ondersteunt ook Protocol Relative URLs, dus er mag ook //<code>.cdn.tuxis.nl ingevuld worden als u zowel HTTP als HTTPS wilt ondersteunen.
  • rewrite root-relative refs
    Als deze optie aangevinkt is worden niet alleen URL’s die beginnen met http://<sitedomein> herschreven, maar ook relatieve URL’s (die beginnen met een /.)
  • include dirs
    Hier geeft u aan voor welke directories u wilt dat de plugin actief is. In principe wilt u daar alleen ‘wp-content,wp-includes’ hebben staan, wat er standaard ook al staat.
  • exclude if substring
    Hier kunt u aangeven welke URL’s niet herschreven moeten worden. Omdat het CDN geen ‘POST’-requests accepteert (dit wordt vaak gebruikt voor formulieren en dergelijke, waarbij de inhoud van het formulier zeker weten vers moet zijn), is het verstandig om hier in elk geval ‘.php’ te hebben staan. Ga ervan uit dat alle bestanden die dynamisch opgebouwd moeten worden niet door CDN Linker herschreven moeten worden.

Nadat de instellingen goed gezet zijn klikt u op Save changes en dan is de plugin actief. Als u gebruik maakt van een cache plugin zoals WP Super Cache of W3 Total Cache moet u die cache misschien legen voordat u ziet dat de CDN Linker actief is.

Profit!

Uw site maakt nu direct van een CDN die snel uit memory de content kan serveren, JavaScript en CSS minimaliseert en zorgt dat een browser niet te vaak om de content vraagt. Drie optimalisaties in één dus!

Van welk product wilt u zien hoe de het Tuxis CDN Platform eenvoudig geintegreerd kan worden? Laat uw verzoek achter in de comments en houd dit blog in de gaten of volg Tuxis op Twitter.

Frontpage

JavaScript/CSS via HTTP of HTTPS?

En zo leer je iedere dag wel weer wat nieuws. Vandaag: “Protocol Relative URLs”.

Ik had er nog nooit van gehoord, maar kwam er achter door de website van een klant: www.penstore.nl. Hij is de eerste gebruiker van het Webhosting CDN Platform en is dus aan het stoeien geweest om die te integreren met zijn webshop. Omdat hij (zoals het hoort op een webshop) zowel HTTP als HTTPS gebruikt, is het niet altijd eenvoudig om absolute URLs te gebruiken om bijvoorbeeld JavaScript of CSS te includen. Als je altijd HTTPS doet verbruik je in principe onnodige resources, maar als je altijd HTTP doet krijgt je bezoeker klachten van de browser dat HTTP en HTTPS gemixt wordt.

Hij is uiteindelijk uitgekomen op het gebruik van “Protocol Relative URLs”. Dat zijn URLs waarbij je gewoon niet opgeeft welk protocol het is. De browser kan dan zelf besluiten of hij HTTP of HTTPS gebruikt, en dat blijkt altijd goed te gaan bij browsers.

Ik ben een beetje gaan zoeken en kwam een paar linkjes tegen:

Wikipedia blijkt het zelfs al lang te gebruiken:
<link rel=”copyright” href=”//www.gnu.org/copyleft/fdl.html” />

Het ziet er wel een beetje raar uit, vind ik. Maar het werkt wel. Weer wat geleerd dus en weer iets tegengekomen dat het leven makkelijker maakt.

Algemeen

Optimalisatie van je website. Verstandig?

Al in april 2010 kondigde Google (de grootste speler in de zoekmachine markt) aan de snelheid van een website als score mee te nemen in relevantie van zoekresultaten. Het antwoord op de vraag of het verstandig is om je website qua snelheid te optimaliseren is dus: “Ja”.

Maar hoe doe je dat? Hoe kun je zien welke score je volgens Google haalt? In deze blogposting vind je wat tips en kun je zien hoe Tuxis haar klanten gaat helpen de score te verbeteren.

  1. Inzicht verkrijgen
  2. Sprites
  3. Browser caching
  4. Minify CSS, Javascript en HTML
  5. Hoe Tuxis haar klanten helpt
  6. Maar helpt het ook echt?

Inzicht verkrijgen

Het optimaliseren van je website begint met inzicht over hoe Google (maar ook Yahoo!) tegen je website aan kijkt. Hier zijn een aantal tools voor:

  • Firebug is een onmisbare add-on voor Firefox als je bezig gaat met het ontwikkelen en optimaliseren van een website. Het stelt je in staat om makkelijk naar het stukje broncode te springen dat verantwoordelijk is voor een bepaald onderdeel op de pagina waar je naar kijkt. Klik met de rechter muisknop op het stuk dat je wilt bekijken en selecteer ‘Inspect Element’.
  • Een plugin voor Firebug die je informatie geeft over de snelheid van je pagina en wat je eraan kunt doen is Google’s Page Speed extension. Door deze plugin te installeren verschijnt er een extra tabje in de Firebug interface. Je kunt klikken op ‘Ananlyze performance’, waarna Page Speed gaat kijken waar je website verbeteringen kan gebruiken.
  • Yslow van Yahoo! is een vergelijkbare plugin voor Firebug. Deze plugin laat zien hoe Yahoo! naar uw website kijkt en welke verbeteringen Yahoo! voorstelt.

Sprites

Bij het optimaliseren van de website van Tuxis kwam een punt naar voren waarvan het niet direct duidelijk was wat er bedoeld werd: “Combine images into CSS sprites”. Ik kwam er niet goed achter wat die ‘CSS sprites’ precies waren. Verder onderzoek wees uit dat de plaatjes die op de site van Tuxis gebruikt worden om de blauwe lijnen te maken gecombineerd moesten worden. Dat scheelt in het laden van de website, omdat ieder onderdeel van de website dat apart geladen moet worden (zoals elk plaatje) tijd kost. Iedere keer moet immers aan de webserver gevraagd worden: “Mag ik dat bestand aub?”.

Leuk, maar hoe maak je dan zo’n sprite? Hoe combineer je die plaatjes in een enkel plaatje, en hoe pas je de CSS daarop aan? De website spriteme.org biedt uitkomst! Door de ‘SpriteMe’-link op die site aan je bookmarks toe te voegen kun je iedere site testen of sprites mogelijk zijn. Dat niet alleen, het kan ook nog het benodigde plaatje produceren en aangeven hoe je dat in CSS moet verwerken.

Zo kwam onderstaand plaatje uit de voorstellen van spriteme.org:

Spriteme.org uitkomst

Dat is dus één verzoek aan de webserver, in plaats van vier. En zo kunnen alle kleine beetjes helpen.

Browser caching

Een andere veel voorkomende tip is het verbeteren van caching door de browser. Hierdoor weet de browser beter hoe lang hij bepaalde dingen mag onthouden. Doordat hij dingen onthoudt gaat hij niet aan de webserver vragen of iets nog geüpdatet is en dat scheelt weer tijd.

Het opgeven van deze waarden moet door de webserver gedaan worden. Hoe je dat het makkelijkst kunt doen? Voor Apache bestaat daarvoor mod_expires. Mits mod_expires geladen wordt door de webserver, kun je de instellingen hiervan doen via de .htaccess bestanden.

Nginx heeft geen ondersteuning voor .htaccess bestanden. Daar moet het in de

server {}

definitie van de webserver met het add_header commando. Bijvoorbeeld:

add_header  Cache-Control "max-age=86400, public, public";

Dit zorgt ervoor dat de bestanden die door deze webserver geserveerd worden maximaal 1 dag onthouden mogen worden door de browser.

Minify CSS, Javascript en HTML

‘Minify’ staat voor het verwijderen van alle onnodige spaties en regeleinden in een stuk code. Bijvoorbeeld:

// how many times shall we loop? 
var foo = 10;
 
// what message should we use? 
var bar = 'Encosia';
 
// annoy our user with O(foo) alerts! 
for (var i = 0; i < foo; i++) { 
  alert(bar); 
}

wordt:

var foo=10;var bar='Encosia';for(var i=0;i<foo;i++){alert(bar);}

Lijkt niet zo zinnig, maar het is toch 194 bytes in de eerste situatie tegen 65 bytes in de tweede. Trek dit verschil eens naar een stuk Javascript- of CSS-bestand van 2KB, dat scheelt wel degelijk!

Minimaliseren van CSS, Javascript en HTML is dan wel handig voor browsers, maar het is niet zo lekker om geminimaliseerde code te bewerken. Maar daar zijn dan weer handige tooltjes voor.

Zo maakt Tuxis bijvoorbeeld gebruik van Minify. Dit project bestaat uit een stukje PHP dat je kunt gebruiken in plaats van allerlei linkjes naar CSS- en Javascript-bestanden. In de bron van de website van Tuxis zie je het volgende staan:

<script defer type="text/javascript" src="http://5740e3.cdn.tuxis.nl/min/b=custom&f=equalcolumns.js,jquery.js,mbScrollable.js,jquery.cursorMessage.js,template-tuxis.js"></script>

Tuxis heeft Minify geinstalleerd in de directory /min en geeft een aantal bestanden op waarmee het moet werken. Minify leest de opgegeven bestanden, minimaliseert ze en combineert ze tot een enkel bestand. Ook wordt een gecomprimeerde versie van het bestand (gzip) gemaakt. Driedubbele winst dus:

  1. Eén verzoek aan de webserver in plaats van vijf
  2. 100KB Javascript in plaats van 112KB
  3. De originele bestanden kun je gewoon bewerken zoals je gewend bent

Hoe Tuxis haar klanten helpt

Tuxis wil graag diensten leveren waardoor klanten zo min mogelijk hoeven te doen voor een zo goed mogelijk resultaat. Daarom is Tuxis bezig met het opzetten van een 'static content proxy'. Deze service stelt afnemers van Tuxis Webhosting in staat om in hun CMS of Webshop op te geven dat plaatjes, CSS- en Javascript-bestanden vanaf een andere plaats moeten worden geserveerd. Voor www.tuxis.nl is dat bijvoorbeeld http://5740e3.cdn.tuxis.nl/.

De 'static content proxy' haalt vervolgens het bestand op vanaf uw eigen website en slaat die gedurende 1 uur op op een geheugendisk. Deze disk is vele honderden keren sneller dan een gewone harde schijf.

Daarnaast wordt er gebruik gemaakt van een andere webserver die vele malen sneller is dan de Apache webserver waarop de website normaal gesproken draait. Door de verschillen in features tussen de twee webservers kan Apache helaas niet vervangen worden.

Ook worden de waarden voor browser caching automatisch goedgezet. U hoeft daar dus niet meer naar om te kijken.

De browser kan, doordat gebruik wordt gemaakt van twee verschillende 'sites' waarvandaan uw website komt, de pagina sneller binnenhalen omdat er twee aparte verbindingen opgezet worden. Dit wordt parallel gedaan, in plaats van serieel zoals bij een enkele website.

Maar helpt het ook echt?

Jazeker! Voordat Tuxis begon met het optimaliseren van de website haalde het in de score van Google PageSpeed een score van ongeveer 70. Op dit moment is de score 92 van de 100. Het kan dus bijna niet beter.

Vragen over deze nieuwe service of de Webhostingdienst van Tuxis? Neem contact met ons op!