parent
							
								
									2bd9214435
								
							
						
					
					
						commit
						0c47dc0466
					
				| @ -40,6 +40,19 @@ Learn more in [Angular Elements Overview](guide/elements). | ||||
| 
 | ||||
| A structure that provides metadata for a class. See [decorator](guide/glossary#decorator). | ||||
| 
 | ||||
| {@a app-shell} | ||||
| 
 | ||||
| ## app-shell | ||||
| 
 | ||||
| App shell is a way to render a portion of your application via a route at build time. | ||||
| This gives users a meaningful first paint of your application that appears quickly because the browser can render static HTML and CSS without the need to initialize JavaScript. | ||||
| 
 | ||||
| Learn more in [The App Shell Model](https://developers.google.com/web/fundamentals/architecture/app-shell). | ||||
| 
 | ||||
| You can use the Angular CLI to [generate](cli/generate#appshell) an app shell. | ||||
| This can improve the user experience by quickly launching a static rendered page (a skeleton common to all pages) while the browser downloads the full client version and switches to it automatically after the code loads. | ||||
| 
 | ||||
| See also [Service Worker and PWA](guide/service-worker-intro). | ||||
| 
 | ||||
| {@a attribute-directive} | ||||
| 
 | ||||
| @ -701,6 +714,19 @@ Import a scoped package in the same way that you import a normal package. | ||||
| 
 | ||||
| </code-example> | ||||
| 
 | ||||
| {@a server-side-rendering} | ||||
| 
 | ||||
| ## server-side rendering | ||||
| 
 | ||||
| A technique that generates static application pages on the server, and can generate and serve those pages in response to requests from browsers. | ||||
| It can also pre-generate pages as HTML files that you serve later. | ||||
| 
 | ||||
| This technique can improve performance on mobile and low-powered devices and improve the user experience by showing a static first page quickly while the client-side app is loading. | ||||
| The static version can also make your app more visible to web crawlers. | ||||
| 
 | ||||
| You can easily prepare an app for server-side rendering by using the [CLI](guide/glossary#cli) to run the [Angular Universal](#universal) tool, using the `@nguniversal/express-engine` [schematic](#schematic). | ||||
| 
 | ||||
| 
 | ||||
| {@a service} | ||||
| 
 | ||||
| ## service | ||||
| @ -810,6 +836,16 @@ Read more about TypeScript at [typescriptlang.org](http://www.typescriptlang.org | ||||
| 
 | ||||
| {@a U} | ||||
| 
 | ||||
| {@a universal} | ||||
| 
 | ||||
| ## Universal | ||||
| 
 | ||||
| A tool for implementing [server-side rendering](#server-side-rendering) of an Angular application. | ||||
| When integrated with an app, Universal generates and serves static pages on the server in response to requests from browsers. | ||||
| The initial static page serves as a fast-loading placeholder while the full application is being prepared for normal execution in the browser. | ||||
| 
 | ||||
| To learn more, see [Angular Universal: server-side rendering](guide/universal). | ||||
| 
 | ||||
| {@a V} | ||||
| 
 | ||||
| {@a view} | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user