Skip to content

Commit 317f390

Browse files
committed
minor changes
1 parent 8954611 commit 317f390

File tree

6 files changed

+21
-40
lines changed

6 files changed

+21
-40
lines changed

README.md

+10-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
1-
# Episode 151 - Angular Elements Performance Optimization
1+
# Episode 151 - Advanced Angular Elements
22

3-
Learn how to load a massive 800Kb JS bundle and multiple giant 1MB+ images, while still achieving a 99+ Lighthouse performance score.
3+
Build a web component for lazy loading images and learn how to...
4+
5+
- Optimize Lighthouse performance with Angular Elements
6+
- Maintain predictible component state
7+
- Expose public methods
8+
- Emit public events
9+
- And more!
10+
11+
Watch on [YouTube](https://youtube.com/AngularFirebase)

angular.json

+6
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,12 @@
2626
"src/styles.css"
2727
],
2828
"scripts": [
29+
{
30+
"input": "node_modules/document-register-element/build/document-register-element.js"
31+
},
32+
{
33+
"input": "node_modules/document-register-element/build/document-register-element.js"
34+
},
2935
{
3036
"input": "node_modules/document-register-element/build/document-register-element.js"
3137
},

package-lock.json

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

public/404.html

-33
This file was deleted.

public/elements.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/app/img-lazy/img-lazy.component.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -55,9 +55,9 @@ export class ImgLazyComponent implements OnInit {
5555
}
5656

5757
onLoad() {
58-
// setTimeout(() => {
59-
this.setState('loaded', true);
60-
// }, 2000);
58+
setTimeout(() => {
59+
this.setState('loaded', true);
60+
}, 2000);
6161
}
6262

6363
// Making public methods

0 commit comments

Comments
 (0)