Hazel is multi-purpose WordPress theme with clean design ideal for any use from personal photography, portfolio showcase to modern businesses or shop websites. The theme includes page builder and has unlimited combinations of header layouts, title area layouts, mega menu, side menu and tons of shortcodes. Hazel comes with 14 amazing ready-to-use demo sites. Unfortunately this theme does not work correctly in FF 30.0.
See on mobile
See Responsive Design Test Online
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: 10 errors
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
Mobile PageSpeed Score
2. Page Statistic - Breakdown of page resources size
Number and total size of all requests
|Total size of all requests (considering the compression of HTML, text, CSS and JS resources)||4079 KB||4057 KB|
|Number of requests||74||73|
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.
| Avoid landing page redirects|
Theme has no redirects.
| Reduce server response time|
In our test, server responded in 0.44 seconds. 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|
Your HTML is minified.
Theme has 5 blocking script resources and 18 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|
You have the above-the-fold content properly prioritized.