https://github.com/wnetking/classic-theme-audits

Work on performance prestashop 1.7 classic theme, use chrome dev tools audit. Experement with implement PWA.
https://github.com/wnetking/classic-theme-audits

accessibility audit chrome-devtools classic-theme e-commerce lazy-loading prestashop prestashop-1-7 pwa

Last synced: 7 months ago
JSON representation

Work on performance prestashop 1.7 classic theme, use chrome dev tools audit. Experement with implement PWA.

• Host: GitHub
• URL: https://github.com/wnetking/classic-theme-audits
• Owner: wnetking
• License: mit
• Created: 2017-11-26T19:58:13.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-06T15:54:06.000Z (almost 8 years ago)
• Last Synced: 2025-03-30T22:51:16.407Z (8 months ago)
• Topics: accessibility, audit, chrome-devtools, classic-theme, e-commerce, lazy-loading, prestashop, prestashop-1-7, pwa
• Language: Smarty
• Homepage:
• Size: 6.45 MB
• Stars: 5
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Audit: audits/after-first-improvement-without-cach

Awesome Lists containing this project

README

          
Prestashop classic theme audits.

========

Work on performance Prestashop 1.7 classic theme.

Development configurations

--------

- PHP-5.6, Apache-2.4 + Nginx-1.9

- Prestashop v1.7.3.0

- clasic theme

- modules on hook `home`:

  - image slider 

  - featured products 

  - banner

  - specials block 

  - custom text blocks 

  - new products block

- Performance configuration (for audit with cach): 

  - Template compilation - Recompile templates if the files have been updated

  - Cache - yes

  - Use cache - yes

First Audit

--------

  After installation Prestashop I made audit of default classic theme.

  I did audit in two mode : whithout anable cach, and with cach. All results you can find in folder `audit`. 

  Result after first audit:

  

  |  -          |     PWA     | Performance | Accessibility | Best Practices |

  | :---------: | :---------: | :---------: | :-----------: | :------------: |

  |  -          |     36      |      47     |       94      |        63      |

  |  with cach  |     --      |      47     |       --      |        --      |

  

Second Audit (first changes)

----------

  So, first that I implemented to inprove performance it is lazy loading images. I used [Layzr.js](http://callmecavs.com/layzr.js/).

  Second, add defer attr to script tag. Also add `font-display: fallback` to `@font-face`. 

  Follow the advice that give me Chrome DevTools improve `Accessibilyty` to **100** (Hell yeah! 😺). Allso had good `PWA` and `Best Practices` numbers.

  

  |  -          |     PWA     | Performance | Accessibility | Best Practices |

  | :---------: | :---------: | :---------: | :-----------: | :------------: |

  |  -          |     45      |      66     |       100     |        75      |

  |  with cach  |     --      |      68     |       --      |        --      |

  

  

Roadmap

----------

- [x]  Defered scripts

- [ ] Defered css

- [x] lazy-load images

- [ ] implement pwa

- [x] improve accessibility

Contribute

----------

- [Issue Tracker](https://github.com/wnetking/classic-theme-audits/issues/)

- [Source Code](https://github.com/wnetking/classic-theme-audits/)

Support

-------

If you are having issues, please let me know.