Blog

Faster sites are way better than slower sites

Aug 1st, 2014 by Max Tokman

One of the major factors in site load times is a proper file compression, both for images and code.  File compression is not just a part of user experience, improving site load times before your visitor clicks away; it is also a factor in search engine algorithms, with faster sites ranking higher in search results.  With that said, compressing your files is a very good thing and we’ll be looking at three tools to get us started.


FileOptimizer
Platform: Windows
Software compresses images such as JPG, GIF and PNG, but can also work with executables, archives, Microsoft Office documents and PDFs.

Compression test results, relative to original file size:
PNG - 42.2%
JPEG - 17.7%
GIF - 15.9%
site link
 
ImageOptim
Platform: Mac
ImageOptim — Mac software that optimizes GIF, JPEG and PNG, and also works as interface for other apps: : PNGOUT, AdvPNG, Pngcrush, OptiPNG, JpegOptim, jpegrescan, jpegtran and Gifsicle. Almost lossless compression in terms of quality, removing mostly unused metadata without reducing number of colors or using specific compression algorithm.  Convenient drag and drop interface for one or multiple files.

Compression test results, relative to original file size:
PNG - 87.59%,
JPEG - 31.2%
GIF - 28.88%
site link


Smush. It
Platform: browser-based
Yahoo-based service will compress multiple files up to 1 MB each, with results available as ZIP archive.

Compression test results, relative to original file size:
PNG - 18.2%
JPEG - 17.3%
GIF - 39.6%
site link

wordpressSEOweb designDrupalADAWeb DevelopmentproductionHTML5responsive designcompliancesecurityCSSdesignTestingPhotoshopproduction tipsFlashtoolsgoogletypographyGoogle Analyticsmarketingautomationharness-bbeta testingbrowserSSLE-commerceiOSweb standardsplug-infirefoxQAwebsite buildingapp developmentweb preflighttechnologiesJavaScriptthemesintegrationsAdobe MuseAPImobile websiteAppleweb imagesite speedfontsquality controlMicrosoftmodulesOpenSSLserver securityIE8Androidtabletsmobile devicesclientcommunicationimage compressionimage size cloudPDFresponsive statebreakpointInternet Explorer 8Windows XP FacebooktechnologyWebOSLong TailInteraction MetricsLinkedInhostsoftwareAdvertisingJSONapp lifespanabletmobile app challengeRGBgammacodecvideo sizeinstant video playback solutionBacklinksweb colorsvideo playbackintegration3rd partyParfaitvertical layoutiPad screen templatehorizontal layoutcustom fontsweb-fontsnon-Flash animationHTML5 animationEdge ReflowAdobe Edgeoptimizeddevelopmentresponsive buildAdobeCMS for FlashHTML4interactive banner adsWordpress pluginsconvertingfailseleniumW3Csony playstationnintendo wiiaugmented realityVideos and animations3D views of modelsDetroit Diesel CorporationMercedes-BenziTunesfragmented technology landscapeUDIDInDesign to Photoshop conversionExporting from InDesign to Photoshophtmlweb design softwareweb compatibilitynDesignRIAsAdobe AiroutsourcingCVE-2014-0224dudInDesignformatvideowireframeCMSwebsiteiPhonebrochurewareweb development awardmp4web awardweb developerssidney garberhigh fidelityawardupdatevulnerabilityCKEditorAdobe Edge Reflowprogramming awardrevolutionary softwarewebmonline subscriptionInDesign to HTMLFoundationBootstrapICANNgTLDscustom domain suffixesPhotoshop Layer compsdesign best practicesogvHeartbeatcollaborateconceptOSSrelationship marketingCSS3Ps. and CSS HatProject ParfaitAppleScriptecommercemicrosoft’s project natal

Aug 11th, 2014 by Max Tokman

Site synchronization in Drupal can be improved using https://drupal.org/project/features module that allows transferring site settings between two sites. You can transfer types of content, fields, menus, user roles and permissions, and glossaries. On the module settings page, select site settings being tr...

Jul 28th, 2014 by Max Tokman

When comparing Photoshop and InDesign as web design tools, we have to think back to their history. InDesign was originally created as a competing product for Quark and was meant to offer same multi-page layout and type controls. Over time, it expanded into providing web-friendly HTML and CSS export, leverag...