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

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.