Web Optimizer

This extension is for Web developers who wants to increase the speed of their website. It contains some HTML snippets for now. I will provide more features in the future.

This extension is still in progress. Let me know if you have any suggestion! Thanks!

Features

HTML snippets

HTML Snippets

Head

Prefix	Description
`link-preconnect`	Specifies that the user agent should preemptively connect to the target resource's origin.
`link-preconnect-common`	Specifies that the user agent should preemptively connect to the common target resource's origin.
`link-preload`	Specifies that the user agent should preload resource.
`link-preload-type`	Specifies that the user agent should preload resource including a MIME type.

Image

Prefix	Description
`img-srcset-density`	The `<img>` HTML element with `srcset`
`img-srcset-sizes`	The `<img>` HTML element with `srcset` and `sizes`
`picture-type`	The `<picture>` and `<source>` HTML element
`picture-type-media`	The `<picture>` and `<source>` HTML element with Media Query

SEO

Prefix	Description
`meta:seo`	SEO Meta Tags
`meta:og`	OpenGraph Meta Tags
`meta:twitter`	Twitter Meta Tags

Contributing

If you have any idea, please feel free to send PRs to me or simply drop me a note! 😊

Build & Test

npm run build

Just hit F5 in the Visual Studio Code.

Enjoy!

Web Optimizer

Will 保哥

Web Optimizer

Features

HTML Snippets

Contributing

Build & Test