Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Web OptimizerNew to Visual Studio Code? Get it now.

Web Optimizer

Preview

Will 保哥

|
72 installs
| (2) | Free
Optimizer your web assets within your Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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.

SEO

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

Image

Prefix Description
img-srcset 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
picture-srcset-2x The <picture> and <source> HTML element with Media Query

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!

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft