how to speed up your joomla! website as well as your development process

How to speed upJoomla!development & website

(my ) workflow Frank Delventhal - www.deweso.de - @dewesoWhat to Expectparts of my personal work flowchaos (most will be live) not anymore to save your sanitymy workflow is not perfect

(my ) workflow Frank Delventhal - www.deweso.de - @deweso

Will of Azathoth by Scott Purdy


(my ) workflow Frank Delventhal - www.deweso.de - @dewesoWhat shall we do?Build a joomla websiteinstall the usual subjects (JCE, Akeeba Backup )make the website load faster

(my ) workflow Frank Delventhal - www.deweso.de - @dewesoSorry Windows users

(my ) workflow Frank Delventhal - www.deweso.de - @dewesoSorry Windows usersI used to develop on windowsI changed from Win to Macno I do not regret thatwhen I try to tell you also Win versions / methods


WoRKFLOwAlfred app + power tools


(my ) workflow Frank Delventhal - www.deweso.de - @dewesocan setup own automatizationsstart / stop all development apps



Setting Up a Workflow



Scripts are possible



tell application "Firefox" to quit


(my ) workflow Frank Delventhal - www.deweso.de - @dewesocool workflows to import from websiteopen folder in Sublime Text 2font-awesome 4



Cool Help Sublime Text & Font Awesome




I am out



Sublime Text 2zen coding / emmet (ctrl + E, ctrl + alt + Enter)


(my ) workflow Frank Delventhal - www.deweso.de - @dewesoEmmet & Zen CodinHTMLCSSYou have to be able to think in HTMLthink first then code


(my ) workflow Frank Delventhal - www.deweso.de - @dewesoevery Day exampleplain text to HTML



MAMP Pro 3Win XAMPP :-/



(my ) workflow Frank Delventhal - www.deweso.de - @dewesoPHP SettingsMAMP Pro


(my ) workflow Frank Delventhal - www.deweso.de - @dewesoPreparationUse Joomla 3 installationinstalled joostrap 3 (www.jostrap.com)change LESS to bootstrap SASSuse PHPStorm for editing the files


template Folder



assests = SASS folderlater we will replace normal stylesheets - sorry Phil



phpstormalso available on Win ;-)


(my ) workflow Frank Delventhal - www.deweso.de - @dewesoAdvantages of phpstormfree for open source projectsfast (setup and working-speed)php code suggestions and helpconfigure everything / many plug inscan use external librariesJoomla! Framework / Joomla! Libraries

(my ) workflow Frank Delventhal - www.deweso.de - @dewesoTemplateset Joomla! as external library


(my ) workflow Frank Delventhal - www.deweso.de - @dewesonow your life is easieruse php and Joomla! Framework / classes



CODEKITSASS Integration + Browser refresh



watched Folderjust the template folder



for a short interruptionthats the chaotic part


(my ) workflow Frank Delventhal - www.deweso.de - @dewesoSASSfusion of stylesheets and programming (functions, variables)functionality is tested and improvesmake changes faster get faster websites!worth the learning curve!


take what you needcomment out what you do not need > reduce file size



variables in CSSphpStorm shows you the colors :-)



(my ) workflow Frank Delventhal - www.deweso.de - @dewesoload the new CSSload the new css to our template


just load one css file



(my ) workflow Frank Delventhal - www.deweso.de - @dewesomerge JSset all the files to mergeset output path (2014-03-18_myJS.js)// @codekit-prepend "js/jquery-1.10.2.js"// @codekit-prepend "js/bootstrap.js"// @codekit-prepend "js/scrolltop.js"

(my ) workflow Frank Delventhal - www.deweso.de - @dewesoWe are nearly thereputting it all together


Browser refreshthe cool part starts



Previewopens own codekit webserver that does the reloading



MAMP Prohttp://workflow.local:8888/



CodeKithttp://franks-macbook-pro.local:5757/


(my ) workflow Frank Delventhal - www.deweso.de - @dewesoBY the waydont lose your big thanks to @SniperSister (David Jardin)


(my ) workflow Frank Delventhal - www.deweso.de - @deweso Well, it's nothing very special. Try to be nice to people, avoid eating fat, read a good book every now and then, get some walking in, and try and live together in peace and harmony with people of all creeds and nations.

Monthy Python - The Meaning of LifeThank you

(my ) workflow Frank Delventhal - www.deweso.de - @dewesoTools I usedjkickstart.com http://www.jkickstart.comalfred app + powerpack http://www.alfredapp.com/phpStorm http://www.jetbrains.com/phpstorm/Sublime Text 2 http://www.sublimetext.com/MAMP Pro 3 http://www.mamp.info/codekit https://incident57.com/codekit/


how to speed up your joomla! website as well as your development process

Internet