Skip to content

Instantly share code, notes, and snippets.

@justmarkup
Last active October 18, 2016 16:57
Show Gist options
  • Save justmarkup/87ca5901dd47cde5e32f676e7cc741e8 to your computer and use it in GitHub Desktop.
Save justmarkup/87ca5901dd47cde5e32f676e7cc741e8 to your computer and use it in GitHub Desktop.

Revisions

  1. justmarkup revised this gist Oct 18, 2016. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions list.md
    Original file line number Diff line number Diff line change
    @@ -10,11 +10,13 @@ Note: This list doesn't include general performance improvements, like mentioned
    - Register a Service Worker and cache main assets
    - Preload assets necessary for sites a user may visit next
    - Store a cookie for repeat and flow views
    - Save data locally

    ## Repeat View (a user visits a page again after having closed the page or browser)
    - Serve caches assets and files via Service Worker if available
    - Serve Web Font from cache (LocalStorage...)
    - Serve cached CSS file and don't inline critical CSS
    - Load locally-saved data first, then fetch updated data later if the network permits (eg. https://bitsofco.de/bitsofcode-pwa-part-2-instant-loading-with-indexeddb/)

    ## Flow View (a user has previously visited another page on the same domain)
    - Improving User Flow Through Page Transitions or similiar ([Article on Smashing Magazine](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/))
  2. justmarkup revised this gist Oct 18, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion list.md
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@ Note: This list doesn't include general performance improvements, like mentioned
    - Load the core content as fast as possible and do it server-side
    - Load additional and third-party content asynrchronous
    - Inline critical CSS
    - Load web fonts asynrchronous and avoid FOIT and cache for repeat views
    - Load web fonts asynrchronous and avoid FOIT and cache for repeat views, consider using no web fonts for first view
    - Fetch non-critical resources asynchronous and cache for later
    - Register a Service Worker and cache main assets
    - Preload assets necessary for sites a user may visit next
  3. justmarkup revised this gist Sep 22, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion list.md
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    Note: This list doesn't include gernal performance improvements, like mentioned in [this article](http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/)
    Note: This list doesn't include general performance improvements, like mentioned in [this article](http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/)

    ## First View (a user visits a page for the first time or has cleared the cache/data since the last visit)

  4. justmarkup revised this gist Sep 22, 2016. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions list.md
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,5 @@
    Note: This list doesn't include gernal performance improvements, like mentioned in [this article](http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/)

    ## First View (a user visits a page for the first time or has cleared the cache/data since the last visit)

    - Load the core content as fast as possible and do it server-side
  5. justmarkup revised this gist Sep 22, 2016. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion list.md
    Original file line number Diff line number Diff line change
    @@ -6,10 +6,11 @@
    - Load web fonts asynrchronous and avoid FOIT and cache for repeat views
    - Fetch non-critical resources asynchronous and cache for later
    - Register a Service Worker and cache main assets
    - Preload assets necessary for sites a user may visit next
    - Store a cookie for repeat and flow views

    ## Repeat View (a user visits a page again after having closed the page or browser)
    - Serve caches assets and files via Service Worker
    - Serve caches assets and files via Service Worker if available
    - Serve Web Font from cache (LocalStorage...)
    - Serve cached CSS file and don't inline critical CSS

  6. justmarkup revised this gist Sep 22, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion list.md
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@
    - Load additional and third-party content asynrchronous
    - Inline critical CSS
    - Load web fonts asynrchronous and avoid FOIT and cache for repeat views
    - Fetch non-critical resources asynchronous and cache (LocalStorage...) for later
    - Fetch non-critical resources asynchronous and cache for later
    - Register a Service Worker and cache main assets
    - Store a cookie for repeat and flow views

  7. justmarkup revised this gist Sep 22, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion list.md
    Original file line number Diff line number Diff line change
    @@ -14,4 +14,4 @@
    - Serve cached CSS file and don't inline critical CSS

    ## Flow View (a user has previously visited another page on the same domain)
    - Improving User Flow Through Page Transitions ([Article on Smashing Magazine](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/))
    - Improving User Flow Through Page Transitions or similiar ([Article on Smashing Magazine](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/))
  8. justmarkup revised this gist Sep 22, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion list.md
    Original file line number Diff line number Diff line change
    @@ -14,4 +14,4 @@
    - Serve cached CSS file and don't inline critical CSS

    ## Flow View (a user has previously visited another page on the same domain)
    - Improving User Flow Through Page Transitions [Article on Smashing Magazine](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/)
    - Improving User Flow Through Page Transitions ([Article on Smashing Magazine](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/))
  9. justmarkup revised this gist Sep 22, 2016. 1 changed file with 1 addition and 3 deletions.
    4 changes: 1 addition & 3 deletions list.md
    Original file line number Diff line number Diff line change
    @@ -12,8 +12,6 @@
    - Serve caches assets and files via Service Worker
    - Serve Web Font from cache (LocalStorage...)
    - Serve cached CSS file and don't inline critical CSS
    -

    ## Flow View (a user has previously visited another page on the same domain)
    - Improving User Flow Through Page Transitions [Article on Smashing Magazine](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/)
    -
    - Improving User Flow Through Page Transitions [Article on Smashing Magazine](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/)
  10. justmarkup revised this gist Sep 22, 2016. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion list.md
    Original file line number Diff line number Diff line change
    @@ -7,7 +7,6 @@
    - Fetch non-critical resources asynchronous and cache (LocalStorage...) for later
    - Register a Service Worker and cache main assets
    - Store a cookie for repeat and flow views
    -

    ## Repeat View (a user visits a page again after having closed the page or browser)
    - Serve caches assets and files via Service Worker
  11. justmarkup created this gist Sep 22, 2016.
    20 changes: 20 additions & 0 deletions list.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    ## First View (a user visits a page for the first time or has cleared the cache/data since the last visit)

    - Load the core content as fast as possible and do it server-side
    - Load additional and third-party content asynrchronous
    - Inline critical CSS
    - Load web fonts asynrchronous and avoid FOIT and cache for repeat views
    - Fetch non-critical resources asynchronous and cache (LocalStorage...) for later
    - Register a Service Worker and cache main assets
    - Store a cookie for repeat and flow views
    -

    ## Repeat View (a user visits a page again after having closed the page or browser)
    - Serve caches assets and files via Service Worker
    - Serve Web Font from cache (LocalStorage...)
    - Serve cached CSS file and don't inline critical CSS
    -

    ## Flow View (a user has previously visited another page on the same domain)
    - Improving User Flow Through Page Transitions [Article on Smashing Magazine](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/)
    -