Test: snelheid van Joomla website aanpassen

Joomla is een uitgebreid CMS systeem. Het biedt zoveel mogelijkheden dat er een probleem kan ontstaan: de website wordt traag. Nu lijkt Joomla 1.7 sneller dan 1.5 maar toch is het goed om het een en ander te testen. Gisteren heb ik daar aardig wat tijd aan verloren en om dit goed te maken deel ik hierbij mijn ervaring. Ik bedacht drie mogelijkheden en heb die vergeleken:

1. Uitgebreide joomla website op een trage server in de USA


2. Zelfde Joomla website, zelfde server met versnellers (componenten, plugin, extensies) geinstalleerd (http://www.webogroup.com/)


3. Kopieren van de Joomla website (zelfde site, zelfde server) als HTML/CSS website en opnieuw uploaden (zelfde server in USA) en laden als HTML/CSS site in plaats van een Joomla php site. (Heeft iemand hier wel eens aan gedacht? Lijkt een rare mogelijkheid omdat CMS hiermee wordt uitgeschakeld en daar ging het toch om? Maar: stel dat het lukt om alleen de voorpagina compleet te kopieren en verder de rest door te linken naar de Joomla installatie, en stel dat dit snelheidwinst oplevert, dan komen de bezoekers tenminste snel op de homepagina zonder te hoeven wachten.....)


4. Verhuizen van deze Joomla website naar een server in Engeland (dichter bij).

Uitslag:

1. - Het duurt 15 seconden voordat de website verschijnt. Soms zelfs 20 seconden. Dat betekent dat de website mogelijk beter niet zou kunnen bestaan. Een trage website is echt antireclame: http://decmsmeester.nl/joomlapakketten/


2. - Versnellers versnellen. Maar niet genoeg. En ook nu duurt het minstens 12 seconden voordat de website verschijnt. (meer aandacht aan versnellers in ander artikel)


3. - Dat gaat een stuk sneller! 5 seconden. http://decmsmeester.nl/joomlapakketten2/ Maar: het is niet gemakkelijk om een Joomla website op de juiste wijze te kopieren en een aantal functies van de homepagina kunnen natuurlijk verloren gaan tijdens dit kopieren. En: Joomla CMS werkt nu niet meer voor de voorpagina. Maar een heel serieuze optie waar www.dewebmeester.nl in een aantal gevallen zeker gebruik van gaat maken. Ook interesse om uw Joomla website (geheel) om te zetten naar HTML/CSS? Dat kan vanaf 99 Euro inclusief installatie. Stuur even een mailtje. IN een ander artikel zal ik aandacht geven aan de zin en onzin van het kopieren van een website en de technische mogelijkheden.


4. - Ook dit levert veel winst op. http://joomlamarket.info/dejoomlameester.nl/ Twee keer zo snel in vergelijking tot de server in de USA: laadtijd tijdens test was 8 seconden. Duurder? Nee, goedkoper. Ongeveer 7 Euro per maand. Via www.decmsmeester.nl vanaf 2.50 Euro (zie de getoonde website in dit artikel).

Ik denk dat ik de uitdaging aanga en www.dejoomlameester.nl koppel aan de HTML/CSS frontpage. Ben benieuwd of iemand van jullie het verschil bemerkt.
Groeten; info

Nieuwe Joomla designs bij dewebmeester.nl

Deze week ben ik aan het werken met de premium Joomla designs van Gavick.com ; Die zien er niet alleen fantastisch uit maar ze blijken ook nog goed in elkaar te zitten. Ik heb een aantal op de www.joomlaweb.info server geplaatst en hier kunt u meekijken:







- http://joomlaweb.info/cuttingedge/
- http://joomlaweb.info/gomu/
- http://joomlaweb.info/shoptrix2/

Ik krijg nog te vaak de vraag: "Is het verstandig om zo'n compleet design te bestellen of kan ik beter kiezen voor een eigen ontwerp?" Het antwoord is tien keer: kies voor een compleet ontwerp. Bij Joomla gaat het niet alleen om de buitenkant (de plaatjes, layout, css) maar net zo goed om de binnenkant. En daarmee bedoel ik het afgestemd zijn van de verschillende componenten en modules en de wijze waarom die samenwerken met de layout. Grote voordelen van het bestellen van zo'n compleet design:

- snelle start mogelijkheid
- direct inzicht in de mogelijkheden van de modules en moduleposities
- goedkoop (vanwege tijdsbesparing)
- je surft mee op de jarenlange ervaring van een professioneel designer die zijn product voor een habbekrats op de markt verkoopt.

Waarom niet? Tegenargument is: "ik wil geen kloon, ik wil iets unieks." Helaas, dat werkt niet. U kunt niet verwachten om vanuit nul ervaring een unieke website te kunnen fabriceren. Het webbureau dat u dit aanbiedt, zadelt u op met de onnodige last om origineel materiaal aan te leveren. Het goede nieuws luidt: als u uw logo aanlevert, uw eigen wensen betreffende layout en illustraties, uw teksten en productillustraties en u laadt mij toe om 1 van de duizenden professionele designs op te maken naar uw wensen, dan heeft u snel, en voor een eerlijk tarief de meest unieke website die u maar kunt bedenken en tegelijkertijd een website om trots op te zijn omdat het de handtekening draagt van een gerenommeerde en professionele webdesigner. En dat alles kan het webbureau om de hoek u niet bieden voor 249 Euro. Wij wel.

Iedere week een nieuw design en uitleg

Elke week zijn er nieuwe acties bij Spiderman Webdesign. We zoeken de hele wereld door en stropen het internet af op zoek naar het beste van het beste op gebied van webdesign. Zo zijn we uitgekomen bij de beste designers en tevens de beste webbeheer systemen. En die beide zaken combineren we en stoppen we in pakketten die het beste aanbod van Nederland vertegenwoordigen.
Maar in de praktijk levert dit veel vragen op. Wat is er allemaal nodig om een goede website te starten? Zijn er bijkomende kosten? Hoe ga ik zelf mijn website onderhouden? Of kan ik dit beter overlaten aan www.dewebmeester.nl? Elk design heeft hierin zijn eigen verhaal. Er zijn standaard antwoorden maar er zijn ook niet standaard antwoorden. Nu hebben we besloten om elke week extra aandacht te geven aan deze niet standaard antwoorden. Elke week publiceren we nieuwe designs en die zullen we bekent maken via Twitter en op www.dewebhulp.nl ; We zullen vervolgens elke week 1 nieuw design extra aandacht geven door informatie te geven over (bijkomende) kosten, mogelijkheden om snel te starten met dit design, hostingmogelijkheden, technische details en beheersmogelijkheden. Dit zou in de loop van de tijd een heerlijk handboek moeten worden betreffende webdesign en webbeheer, cms systemen en design mogelijkheden voor startende ondernemers maar ook voor iedereen die een eigen website heeft of zou willen hebben. Uw vragen zijn altijd welkom en probeer bij elke vraag aan te geven op welk design uw vraag betrekking heeft.
Hartelijke groeten namens www.dewebmeester.nl
Ir. Meindert A. Jorna

html2joomla ; Hoe makkelijk is het?

Dat is vandaag de centrale vraag. Laat ik beginnen met een antwoord: het is niet makkelijk.

Start: ik neem een mooi design van dreamtemplate.com ; hij staat online op http://decmsmeester.nl/html2joomla/ Deze gaan we ombouwen naar een compleet werkende Joomla template (voorlopig resultaat is te zien op: http://decmsmeester.nl/joomla/ ).



Hierbij een aantal moeilijkheden die te overwinnen zijn:
- belangrijk om te beginnen met een html/css site
- index.html moet index.php worden
- Code in index.php file (de vroegere index.html file) moet worden aangepast en eerste stap is: alle code voor de <body> tag vervangen met:

<?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/your_template_name/your_css_directory/your_css_file.css" type="text/css" /> </head>

Vervolgens moet natuurlijk de linken naar de stylesheets worden aangepast en tevens eventuele linken naar javascript files worden toegevoegd. Voorbeeld:

<script type="text/javascript" src="js/jquery.v1.4.2.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>

Module posities bepalen

Vervolgens moeten de moduleposities binnen de index.php file worden aangegeven. Dit doen we via de code:

<jdoc:include type="modules" name="top" />

Elke modulepositie heeft een eigen naam en die moet natuurlijk worden aangepast.
Nu zitten we zo'n beetje op het moeilijke gedeelte: waar zetten we die code precies neer? De meest zekere weg: ik maak gebruik van de standaard template binnen de standaard Joomla 1.5 installatie. Open de index.php file binnen van die template binnen notepad+ en zoek waar ik de tekst jdoc:include type="modules" kan vinden. Elke keer als ik die tekst tegenkom, kopieer is de verwijzing (de eerste is: <jdoc:include type="modules" name="top" /> ) en plak die binnen de nieuwe index.php file op een plaats die overeenkomt met de plaats binnen de standaard index.php template file. Dat doe ik voor alle module posities. (Let op: het verwachte resultaat wordt een website in de stijl van de html/css file maar met de structuur van de standaard joomla template. Als je een andere structuur wilt dan is het verstandig om eerst op zoek te gaan naar een andere template met de gewenste structuur.)

Na plaatsen module posities en de code voor plaatsen componenten:

<jdoc:include type="component" />

Vervolgens moet de 'templateDetails.xml' file worden aangemaakt en daartoe gebruik ik de templateDetails.xml file die bij de template hoort waarvan je de module structuur heb overgenomen (de standaard Joomla template in mijn geval). De linken die binnen deze file genoemd worden (file openen in notepad+) moeten allemaal verwijzen naar bestanden binnen de templatefolder. Kortom: alle links moeten aangepast worden. Ook moet er hier een template_thumbnail.png file worden aangemaakt zoals in deze XML file genoemd wordt.

Installeren van de nieuwe template

Alles wordt daarna ingepakt in een .zip file en via de extension manager als template geinstalleerd binnen de standaard Joomla installatie.


En zelfs als dit dan werkt, heb je nog heel veel tijd nodig om alles zo aan te passen dat het er goed uitziet...

Uploaden images naar root image map

Dit vond ik vreemd: de installatie van de template verliep prima en het instellen van de template als standaard ook. Maar: ik zag geen enkele image. Terwijl in templateDetails.xml file was aangegeven welke image files behoorden bij dit design, moeten images toch nog worden geupload naar de image folder binnen de root en niet binnen de image folder van de template folder. En ja hoor, de images verschijnen: http://decmsmeester.nl/joomla/

Javascript laten werken binnen Joomla design

Javascript blijkt nog niet te werken. Daar ga ik even aan werken......

Ja, ook dat werkt nu! Ook hier was het probleem de verwijzing naar de javascript files. Ik heb  nu niet de files verhuisd maar wel de linkverwijzing in de index.php file behorend bij de template. Omdat de CMS geinstalleerd staat binnen een subfolder van de root http://decmsmeester.nl (folder: joomla) moet ik voor alle linkverwijzingen naar javascript files gewoon /joomla plaatsen en het werkt (zie de slider bovenaan de pagina: http://decmsmeester.nl/joomla/ )

Nu nog even 'finetunen'.

p.s. Vergeet niet te kijken naar de blogpost over het ombouwen van een html site naar een Joomla 2.5 template! Dat lijkt makkelijker te zijn: http://dewebmeester.wordpress.com/2012/04/12/html2joomla-gelukt-voor-dreamtemplate-com-template-naar-joomla-2-5-theme/

SEO? Back in the race wat betreft Joomla!

Een jaar lang heb ik me niet druk gemaakt wat betreft vindbaarheid via Google voor wat betreft mijn Joomla onderneming. Joomla is uitgegroeid tot een gigantisch netwerk en community en het lijkt bij voorbaat uitgesloten om wat betreft zo'n populair onderwerp ergens boven in de ranking van Google terecht te komen. Al was me dat overigens wel eerder gelukt wat betreft "Advies Kroatie". Tijdens die SEO campagne had ik de Nederlandse ambassades en Ministerie van Buitenlandse Zaken achter me gelaten en vertelde Google aan iedere bezoeker die daarom vroeg, dat ik een betere adviseur was betreffende Kroatie dan welke Nederlandse ambtenaar dan ook.
SEO is een sport en het kan klanten opleveren. En zo heb ik toch weer een maand mijn best willen doen om ook wat betreft Joomla de bovenste regionen van Google Nederland te bereiken. En dat is gelukt. Ik bewaar de screenshots even als aandenken en bemoediging: serieuze ondernemers kunnen gevonden worden. Dat is goed te regelen door de juiste aandacht te geven aan SEO (Search Engine Optmalization). De illustraties hieronder zijn het bewijs. (Voor het zoekwoord "Joomla" - zonder ander zoekwoord - sta ik op dit moment op de elfde plaats maar dat was niet leuk op een afbeelding te krijgen. Bedenk bij onderstaande afbeeldingen dat de concepten 'decmsmeester.nl' en 'Spiderman Webdesign' concepten zijn van mijn bedrijf: Samuel Services)
[gallery]

Weebly en SEO

Vandaag zit ik weer heerlijk te worstelen met alle mogelijkheden en onmogelijkheden van de Weebly webbuilder. Ik raak er steeds meer van overtuigd dat deze 'sitebuilder tool' onderschat wordt en te weinig gebruikt wordt. Na een periode van boosheid en frustratie (waarom zoveel betalen voor verwijderen reclame?) volgde ene periode van heerlijke ontdekking. Nee, ik ga zeker niet al mijn geheimen prijsgeven. Ik ben tenslotte ondernemer. Maar toch even een tipje van des sluier oplichten

Het probleem: SEO optimalisatie

Bij gebruik van de Weebly webbouwer, wordt je een subdomeinnaam aangeboden. Bijvoorbeeld: cheap-web.weebly.com Mijn domeinnaam www.dewebmeester.nl laat ik doorverwijzen naar dit Weebly subdomein. Resultaat: bij intikken van dewebmeester.nl , wordt de bezoeker netjes doorverwezen naar cheap-web.weebly.com en wordt zichtbaar wat ik binnen die online webbouwer gemaakt heb. So far so good. Toch?

Nee, niet goed. Want wat betekent dit voor de vindbaarheid (SEO) voor mijn website. Twee antwoorden. cheap-web.weebly.com wordt goed gelezen (tags, metatags, content, header, footer, alles wordt geindexeerd) maar dewebmeester.nl is een lege huls. Op zich niet een heel groot probleem omdat de website via cheap-web.weebly.com dus toch geindexeerd wordt. Maar toch ook wel een probleem want als ik mijn website aanmeldt bij bijvoorbeeld een startpagina (webdesign.intrastart.nl) dan geef ik daar natuurlijk de domeinnaam dewebmeester.nl door en niet cheap-web.weebly.com Stel: Ik wil me slechts druk maken om 1 domeinnaam, dan heb ik het volgende bedacht:

Oplossing?

Weebly biedt echt erg professionele (en vrij onbekende) mogelijkheden. Mijn doel: de complete website zoals binnen Weebly gemaakt, verhuizen naar mijn eigen server zodat ik domeinnaam direct kan linken aan de website (en niet via een subdomeinnaam van Weebly). Na inloggen in mijn weebly account klik ik op tab 'settings' en dan zie ik onderaan een optie "archive/ unpublish" en daar klik ik op.

Vervolgens kan ik de hele site als .zip file opslaan om mijn computer en uitpakken en uploaden naar de server van mijn keus. Nu heb ik ineens 2 websites. De ene wordt opgemaakt en onderhouden via de Weebly online sitebuilder en is te zien via cheap-web.weebly.com, de andere staat op mijn server en is gekoppeld aan domeinnaam dewebmeester.nl Nu heb ik twee 'searchable' sites.

Wordt vervolgt (ik ga eerst even dit alles toepassen en SEO aanpassen).

Groeten!