Blog eCreative

A Reflection of our Quality work, Excellent Support and Technical Prowess

Want to make your site faster, especially on mobile?

Google today announced that its latest PageSpeed modules help render pages up to 2x faster, particularly on mobile devices

mod_pagespeed ngx+page_speed

As a major aspect of its mission to accelerate the Web, Google today announced the latest version of its mod_pagespeed (Apache) and ngx_pagespeed (NGINX) modules include new enhancements that improve performance. Google says it is seeing pages rendering up to 2x faster, especially on mobile devices.

This speedup comes thanks to two new PageSpeed optimizations (the first two) and existing PageSpeed optimizations (the last two:

  • prioritize_critical_css finds the CSS rules that are used to initially render your page.
  • The critical image beacon identifies the images that appear on screen when your page is first rendered and uses this to guide lazyload_images and inline_preview_images.
  • defer_javascript prevents scripts from running until the page has loaded.
  • convert_jpeg_to_webp reduces the size of images that are downloaded by webp-capable browsers.

This webpagetest video shows the results:

 

more informations you can find here »

How does PageSpeed speed up web-sites?

PageSpeed improves web page latency and bandwidth usage by changing the resources on that web page to implement web performance best practices. Each optimization is implemented as a custom filter in PageSpeed, which are executed when the HTTP server serves the website assets. Some filters simply alter the HTML content, and other filters change references to CSS, JavaScript, or images to point to more optimized versions.

PageSpeed implements custom optimization strategies for each type of asset referenced by the website, to make them smaller, reduce the loading time, and extend the cache lifetime of each asset. These optimizations include combining and minifying JavaScript and CSS files, inlining small resources, and others. PageSpeed also dynamically optimizes images by removing unused meta-data from each file, resizing the images to specified dimensions, and re-encoding images to be served in the most efficient format available to the user.

PageSpeed ships with a set of core filters designed to safely optimize the content of your site without affecting the look or behavior of your site. In addition, it provides a number of more advanced filters which can be turned on by the site owner to gain higher performance improvements.

PageSpeed can be deployed and customized for individual web sites, as well as being used by large hosting providers and CDNs to help their users improve performance of their sites, lower the latency of their pages, and decrease bandwidth usage.

Pocket
0.00 avg. rating (0% score) - 0 votes

What is Responsive Web Design

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the client switches from their portable computer to ipad, iphone or any mobile device, the site might as well immediately switch and react to the client’s preferences.

Core Concepts
Three key technical features are the heart of responsive Web design:

  • Media queries and media query listeners
  • A flexible grid-based layout that uses relative sizing
  • Flexible images and media, through dynamic resizing or CSS

 

Responsive Web Design

 

 

Responsive Web Design tools for Developers

 

1. Web Designer Tools

The Google Web Designer Toos and Webflow allows you to create websites visually – you do also get access to code of course. You can create engaging, interactive HTML5-based designs and motion graphics that can run on any device

laptop-timeline

 

 

2. Frontend frameworks

Foundation / Twitter Bootstrap makes it a simple feat to create a responsive Web design framework.

Foundation

 

3. Responsive Design Testing

This tool has been built to help with testing your responsive websites while you design and build them.

Zrzut ekranu 2013-11-04 o 11.29.45

4. FitText

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Zrzut ekranu 2013-11-04 o 11.30.51

 

5. Responsive Slides

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container.

Zrzut ekranu 2013-11-04 o 11.31.33

 

6. Adaptive Images

Adaptive Images detects your visitor’s screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page’s embeded HTML images.

 

7. WordPress

When it comes to maintaining a website, nothing is quite as good as having a content management system in place to handle the heavy lifting for you. WordPress allows you to set up a system to add posts and pages to a website without having to go into the code at all. The templating system WordPress uses is easy to work around for developers and designers, and if you’re really lost there are plenty of basic templates to get you started.

wordpress

Pocket
0.00 avg. rating (0% score) - 0 votes

Google Announces Android 4.4 KitKat

KitKat, made Android amazing for everybody.

Today Google announced details of its long-awaited Android 4.4 KitKat operating system for the first time, going beyond just the candy bar branding. The KitKat update to the Android OS brings some visual changes, including more immersive graphics, as well as deeper integration with Google’s intelligent assistant, Google Now, among other changes and improvements. KitKat will debut on the long-rumored Nexus 5 smartphone that Google also showed off today at a small meeting with reporters in San Francisco.

As Google’s Android chief Sundar Pichai put it, KitKat will be one version of the OS that will run across all smartphones. The goal is to bring Android to the next billion people and the way to do it is to make KitKat use less memory than previous Android versions.

 

 

android-kitkat

Top 10 new features

  • User interface tweaks
  • New dialler, caller ID
  • Unified Hangouts messaging app
  • Smarter Google Now integration
  • Better support for cloud printing
  • Chrome WebView
  • Step detector, counter
  • Enhanced support for connectivity options
  • Better accessibility options
  • Screen recording

 

more informations you can find here »

What’s New for Developers

Pocket
0.00 avg. rating (0% score) - 0 votes

Did Google Hummingbird Drop Your Search Traffic?

So at this point, you’ve probably heard all about Google’s new algorithm, named Hummingbird. This was an giant change for Google, and if  you’ve seen a drop in your site activity, this could be the reason!

google_hummingbird-580x334

So what is Hummingbird? Here are the some key facts you need to know:

  1. Hummingbird is an update that understands and delivers upon ‘user intent’
  2. It additional develops the idea of conversational-based search
  3. Google is trying to copy the way we think and predict the solution it believes  we are looking for
  4. Hummingbird seem to be more targeted on an improvement to Knowledge Graph
  5. Google is currently looking to retain individuals on its SERPs for longer by gathering additional information; it is not necessarily trying to pass traffic back to websites
  6. Pages that match the meaning of a user’s search can perform more effectively than pages that just match a few words. When creating pages, a webmaster needs to ask his or herself “What is it the user needs when entering their query? Can my page match their intent?”
  7. Google has said that every word in a query is being taken into account, i.e. the whole conversation or meaning, instead of many key words.


 

Need SEO help and SEOtips?

As usual, excellent full analysis about Google’s Hummingbird you can find here 

Pocket
0.00 avg. rating (0% score) - 0 votes

Apple releases OS X Mavericks for free

“Today we’re going to revolutionize pricing” Craig Federighi, Apple’s chief of iOS and OS X, said.
Mac users can have Apple’s latest Mac operating system, OS X Mavericks, for free! The software is available today.

Apple Unveils New Versions Of Popular iPad

 

In addition to the usual promise of increased speed and efficiency, the update has a number of improvements over 10.8 Mountain Lion, including a more robust notification system (which includes inline replies), better support for multiple monitors and full screen apps, a revamp of Finder, and the addition of iCloud Keychain for saving passwords.

The 10 best new features in OS X Mavericks

  • Tabbed Finder windows
  • File tags
  • AirPlay display
  • iCloud Keychain
  • In-notification replies
  • Safari bookmarks sidebar
  • Shared browser links
  • Driving directions for iOS
  • Map integration in Calendar
  • Automatic app updates

 

 

more >>

Pocket
0.00 avg. rating (0% score) - 0 votes
0 0 0