LENS Photography Theme – PageSpeed Score 80:60

Theme Created:  2013-09-28   Full Theme Description   DEMO

LENS is a premium WordPress theme for photographers. Every feature was carefully chosen and designed to ease the way to that perfect photography portfolio website.

The theme features fullscreen slideshows and galleries, grid based photo galleries and a journal to help photographers keep up with their visions and thoughts. LENS delivers unexpected yet perfectly natural animated page transitions, fast but at the same time super smooth. Theme offers a variety of gallery layouts: Full Screen Gallery, Full Width or Grid of Thumbnails. Extensive theme options and custom website accent color allow easy customize the look and feel of the site.
LENS is a fully responsive, Retina-ready WordPress theme, with adaptive images that will look great down to the phone.

See on mobile

See Responsive Design Test Online  

W3C Validator

Validator performs the markup validation of HTML and XHTML documents and allows to evaluate the technical quality of web page code. It is important for browser compatibility and site usability.

Result of Home Page validation: 8 errors

Check it yorself

 

Performance evaluation via PageSpeed Insights on Desktop and Mobile Device

Analysis was done for the Home Page of theme demo. PageSpeed Insights fetches a site with a webkit renderer that emulates both mobile and desktop devices and takes into account characteristics of mobile networks.
The results returned by the PageSpeed Insights API includes the following information: PageSpeed score, summary statistics for the page and PageSpeed results for rules based on general principles of web page performance.

1. PageSpeed score

The PageSpeed Score (0-100) indicates how much faster a page could be. A high score indicates little room for improvement, while a low score indicates more room for improvement.
From the point of theme evaluating this characteristic shows how in the theme had taken into account the data processing, minification and optimal loading.

  Desktop PageSpeed Score

80 / 100

  Mobile PageSpeed Score

60 / 100

2. Page Statistic - Breakdown of page resources size

IMPORTANT! Sizes for HTML, text, CSS and JS resources in statistic are shown as for uncompressed ones.

Number and total size of all requests

Desktop Mobile
Total size of all requests (considering the compression of HTML, text, CSS and JS resources) 2125 KB 2017 KB
Number of requests 49 50

As we can see from graph and summary table:

  • The amount of downloaded data for desktop and mobile devices is virtually identical (the difference is not over 10%).
  • The page is too heavy - especially for mobile devices: mobile users may just close the site before the end of its loading.
  • The number of requests for desktop and mobile devices is virtually identical.

 

3. PageSpeed results

PageSpeed analyzes web pages using rules based on main principles of web page performance and generates result for each rule. Following table shows results of the evaluation and recommendations for rules, which performance depends on the quality of the theme source code.

Rule Desktop Mobile
Avoid landing page redirects
Theme has no redirects.
Reduce server response time
Server responded quickly. There are dozens of potential factors which may slow down the response of server: slow application logic, slow database queries, slow routing, frameworks, libraries, resource CPU starvation, or memory starvation.
Minify CSS
Compacting CSS code can save many bytes of data and speed up download and parse times.
Minify HTML
Compacting HTML code, including any inline JavaScript and CSS contained in it, can save many bytes of data and speed up download and parse times.
Minify JavaScript
Compacting JavaScript code can save many bytes of data and speed up downloading, parsing, and execution time.
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Theme has 9 blocking script resources and 4 blocking CSS resources. This causes a delay in rendering Theme.
Optimize images
Properly formatting and compressing images can save many bytes of data.
Prioritize visible content
Theme requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
Description
   Fixing this would have a measurable impact on page performance.
    Fixing of this rule slightly helps to improve page performance.
  There is nothing to improve. Good job!
    Download