Алексей Швайка "Bundling: you are doing it wrong"

•

0 likes•509 views

Начинаете новый проект и не знаете что же выбрать: gulp+browserify, webpack или может brunch? SVG или PNG спрайты? На сколько сабдоменов шардить ресурсы? С повсеместным приходом HTTP/2.0 лучшие практики оптимизации загрузки веб-сайтов и приложений весьма изменились, однако наши инструменты -- нет. Как же деливерить несколько раз в день и не вынуждать пользователен перескачивать весь бандл? Я расскажу об ограничениях HTTP/1.1, почему возникли бандлеры, как внутри работает HTTP/2.0, какие проблемы он решает, что такое server push, развею пару мифов о минификации, поведаю про преимущества progressive rendering, изменениях в whatwg html5 стандарте и покажу два способа (es6 modules и commonjs без препроцессинга) организации модулей на клиенте.

Bundling: you are doing it wrong
Aleksey Shvayka @ Hell Yeah LLC

Алексей Швайка "Bundling: you are doing it wrong"

Hacks
• Sprites
• Inlining
• Sharding
• Concatenation
• Cookieless domains

AMP: good parts
• <script async>
• GPU animations
• Font optimization
• DOM read/write batching
• Microdata (JSON-LD)

Best practices
• <script async>
• GPU animations
• Font optimization
• DOM read/write batching
• Microdata (JSON-LD)

AMP: bad parts
• No <input>, <form>, <picture>
• Inlined CSS
• CSS micro-optimizations
• Invalid attributes
• <noscript>

<hypertext response>
GET /http/0.9.html
[connection closed]

HTTP/1.0
• Versioning, headers, methods
• Simple caching, basic auth
• Status codes

HTTP/1.1
• Advanced caching, Vary
• Range requests
• Compression, chunked
• Content negotiation
• OPTIONS method

HTTP/2
• Backwards compatible
• Great multiplexing
• Streams/frames
• Server push, PING, GOAWAY

spdy.createServer(tls, (req, res) => {
res.push('/main.js', (err, stream) => {
stream.end('console.log("hello, world!")')
})
res.end('<script src="/main.js"></script>')
}).listen(443)

Hacks HTTP/2
• Sprites Separate resources
• Inlining Server push
• Sharding Single host
• Concatenation Separate resources
• Cookieless domains Single host

HTTP/2 rollout
• Gradual
• Right away
• “Hack” per request
• When % of trafﬁc will support it

SPDY
• IE 11
• Firefox
• Chrome
• Android 4
• Safari 8

HTTP/2
• IE 11
• Edge
• Firefox 41
• Chrome 36
• Safari 9

HTTP/2
• IE 11 (Windows 10)
• Edge (over TLS)
• Firefox 41 (over TLS)
• Chrome 36 (over TLS)
• Safari 9 (OS X El Capitan)

var modules = Object.create(null)
window.module = {
get exports() {
return modules[src()]
},
set exports(value) {
modules[src()] = value
}
}

var modules = Object.create(null)
window.module = {
get exports() {
return modules[src()]
},
set exports(value) {
modules[src()] = value
}
}
window.require = function(path) {
return modules[resolve(src(), path)]
}

var $scripts = document.getElementsByTagName("script")
var loaded = Object.create(null)

var $scripts = document.getElementsByTagName("script")
var loaded = Object.create(null)
document.addEventListener("load", function(event) {
var $target = event.target
if ($target.matches("script")) {
var source = $target.src
if (source) loaded[source] = null
}
}, true)

Features
• Only absolute or '/', './', '../'
• <script defer> semantics
• Module memorization
• CORS, UTF-8, enforced Content-Type

What's hot

Integrating React.js Into a PHP Application

Andrew Rota

React.js has taken the web development world by storm, and for good reason: React offers a declarative, component-oriented approach to building highly-scalable web UIs. But how can we take advantage of a JavaScript library like React in our server-side PHP applications. In this talk l cover the different ways React.js can be integrated into an existing PHP web application: from a client-side only approach to multiple techniques that support full server-side rendering with a Node.js server or PHP’s v8js. I also discuss the trade-offs in each of these designs and the challenges involved with adding React to a PHP site. Most importantly, I consider the higher-level issue of how to improve view cohesion across the client-server divide in a PHP application.

Олександр Хотемський “ProtractorJS як інструмент браузерної автоматизації для...

Dakiry

React && React Native workshop

Stacy Goh

This document provides an introduction to React and React Native. It begins with an overview of ReactJS, including its motivation as a library for building user interfaces and key concepts like components, the virtual DOM, JSX, immutability, and one-way data flow. It then covers React Native, explaining how it uses native components to render interfaces for mobile rather than HTML/CSS. The document concludes with exercises for creating basic React and React Native apps.

Frontend Application Architecture, Patterns, and Workflows

Treasure Data, Inc.

React in Native Apps - Meetup React - 20150409

Minko3D

Minko is a platform to display, share and interact with 3D content from anywhere, whether you're on a web browser, a workstation, or a device that fits in your pocket. In order to reach those targets with the team we have, we had to go with a cross-platform, hybrid solution that would enable fast UI development with native 3D performances. So we built one, on top of many open source projects, using C++. This talk will discuss our approach for building cross-platform HTML5 interfaces, with a C++/JS bridge to bind DOM APIs, and the tricks we use to make them responsive (spoiler: React is one of them).

Learning React - I

Mitch Chen

This document provides an overview and introduction to React, a JavaScript library for building user interfaces. It first showcases popular sites that use React like Facebook and Instagram. It then defines React as a library for creating user interfaces that renders UI and responds to events. The key benefits of React are that it is battle-tested, supports large applications with changing data over time, and uses encapsulated components to make code reuse, testing and separation of concerns easy. Components are the fundamental building blocks of React, and are reusable, composable units. When state changes, React re-renders the entire component efficiently by maintaining a virtual DOM to compute minimal DOM updates. The document concludes by pointing to additional React topics and a sample tutorial.

Silicon Valley JUG - How to generate customized java 8 code from your database

Speedment, Inc.

The best code is the one you never need to write. Using code generation and automated builds you can minimize the risk of human error when developing software, but how do you maintain control over code when large parts of it is handed over to a machine? In this tutorial, you will learn how to use open-source software to create and control code automation. You will see how you can generate a completely object-oriented domain model by automatically analyzing your database schemas. Every aspect of the process is transparent and configurable, giving you as a developer 100% control of the generated code. This will not only increase your productivity, but also help you build safer and more maintainable Java applications.

Iconus 2016

Mark Roden

Presented at the virtual ICONUS 2016 conference Many companies run a mixed IBM Notes and Microsoft Office 365 (O365) environment. SharePoint/Outlook and Domino should be viewed as a new opportunity to create rich and engaging user experiences. Using both IBM and Microsoft REST services as the core to the solution, this presentation will show how both technologies stacks can be integrated to maximize application functionality and present a seamless experience to the user. Mark will provide lots of demonstrations including Office Web Add-Ins, how to access O365 data from your Domino applications and many others. Come and see how your core Domino webdev skills are equally applicable to the Office 365 environment.

Introduction to react

kiranabburi

The document summarizes Kiran Abburi's presentation on React. It covers: 1. The agenda includes basics of React, composition, data flow, JSX, React APIs, and building a todo app. 2. React is a JavaScript library for building user interfaces and uses a component-based approach to build encapsulated pieces. 3. Data in React flows in a uni-directional way through properties (props) and state, where props are passed from parent to child components and state is internal to a component.

The Complementarity of React and Web Components

Andrew Rota

On Github: http://andrewrota.github.io/complementarity-of-react-and-web-components-presentation/index.html The component driven, performance focused approach of React is a perfect complement to the modularity and portability of native HTML Web Components. At first glance, React and Web Components might seem like two radically different solutions to the same problem. But when combined properly they complement each other to create an extremely powerful, expressive framework for developing complex web applications.

Client Vs. Server Rendering

David Amend

CQ5 and Sling overview

Bertrand Delacretaz

CQ5 and Sling provide an overview of content management systems and frameworks. CQ5 is a content management system built on Apache Sling, which is an applications framework for JCR content repositories based on OSGi. Sling allows for dynamic modules and services and fosters modular code. Together, CQ5 and Sling provide a flexible and powerful way to manage content on a website through a content-centric approach where everything is treated as content.

My first powershell script

David Cobb

AngularJS + React

justvamp

Capybara-Webkit

bostonrb

This document discusses capybara-webkit, a tool for testing JavaScript in Ruby applications. It allows testing JavaScript functionality in a headless browser without many of the downsides of Selenium, like being slow. Capybara-webkit uses the WebKit rendering engine and is much faster than alternatives like rack-test or Selenium. It provides output from console.log statements and detects JavaScript errors. The document covers how to set up capybara-webkit, its advantages over other options, and some limitations like its dependency on Qt.

React native: building native iOS apps with javascript

Polidea

John Resig Beijing 2010 (English Version)

Jia Mi

jQuery released new versions 1.4.3 and 1.4.4 with improvements to modularity, CSS, performance, and support for HTML5 data attributes. A JSLint tool was integrated to improve code quality. jQuery Mobile was introduced as a new official plugin to build websites and applications for multiple mobile platforms using progressive enhancement. Testing strategies were discussed including using simulators, TestSwarm for automation, and drawing a line to determine which browsers to support.

RESTful OSGi Web Applications Tutorial - Khawaja S Shams & Jeff Norris

mfrancis

OSGi DevCon 2008 NASA has been using the Eclipse Rich Client Platform (RCP) as the foundation for many of its rover operations tools for several years. Recently, we started using the Equinox project to extend our applications to the server as well. Along the way, we discovered REST, an intuitive, lightweight methodology for building web applications. In this tutorial, we will share the techniques that we have learned to combine these technologies into web services that are easy to develop, deploy, and use. This tutorial will be focused on an entertaining set of space-related hands-on exercises that will teach participants to develop, integrate and deploy RESTful web applications on top of OSGI. Participants will walk away with an example RCP application and its Equinox server side support, along with an understanding of how each component functions. The presentation will also discuss issues associated with maintaining the server side code, securing the web applications, and performance. We will be deploying web based services through extension points, so the users will also be able to extend the example project to integrate additional web-services or use the skeleton for their own server side application. We will finally deploy the application to a tomcat server for production usage. This tutorial will provide a hands-on demonstration of how Equinox and the Restlet framework make a unique combination that takes advantage of the powerful features offered by OSGI and the simplicity offered by REST. Web based services can offer a new whole new set of features to complement an RCP application, and we will demonstrate how simple this can be with a solid and battle tested framework behind the web applications. Audience We recommend that audience members have basic familiarity with plugin development and come prepared to code. Audience members without development experience will gain background information on evaluating Equinox for the architecture of their web based applications.

Test driven development v1.0

Ganesh Kondal

This document outlines an agenda for a presentation on Test Driven Development (TDD) best practices. The agenda includes sections on an overview and introduction to TDD, what TDD is and the process, challenges of TDD, learning and best practices for sustaining TDD, frameworks and variations of TDD, and a question and answer period. Some key best practices discussed are writing tests before code, focusing tests on functionality rather than code structure, and establishing governance and training to ensure proper adoption of TDD.

Combining Angular and React Together

Sebastian Pederiva

This document discusses using AngularJs and React together. It provides an overview of AngularJs and React, explaining that AngularJs is a framework for dynamic web apps while React is a library for creating user interfaces. It describes how components in React can be built to work with AngularJs and encapsulate concerns. Performance is generally better with React, especially for long lists. Ng-React is introduced as an AngularJs module that makes it easy to use React components in AngularJs applications. Examples are provided of how to render React components using Ng-React, including data bindings.

What's hot (20)

Integrating React.js Into a PHP Application

Олександр Хотемський “ProtractorJS як інструмент браузерної автоматизації для...

React && React Native workshop

Frontend Application Architecture, Patterns, and Workflows

React in Native Apps - Meetup React - 20150409

Learning React - I

Silicon Valley JUG - How to generate customized java 8 code from your database

Iconus 2016

Introduction to react

The Complementarity of React and Web Components

Client Vs. Server Rendering

CQ5 and Sling overview

My first powershell script

AngularJS + React

Capybara-Webkit

React native: building native iOS apps with javascript

John Resig Beijing 2010 (English Version)

RESTful OSGi Web Applications Tutorial - Khawaja S Shams & Jeff Norris

Test driven development v1.0

Combining Angular and React Together

Viewers also liked

Paul Miller "Как подняться на open source"

Fwdays

Опенсорс - это программа с открытым исходным кодом, которой можно свободно делиться и использовать в любых проектах. По-сути, это миниатюрный стартап. Я расскажу, зачем нужно делать такие миниатюрные стартапы и покажу на примере, какие привилегии дает разработка OSS. Так же уточним, на каких вещах будет продуктивнее всего фокусировать свое внимание.

Игорь Фесенко "Web Apps Performance & JavaScript Compilers"

Fwdays

In this session I will take you through the entire process of application development and how to avoid possible issues on each stage. In a modern world turning an idea into working piece of software is a very complex process, and in this presentation, I will unlock the best practices and the essentials based on real world stories from my practical experience. During a session I will give you a sense of Typescript, ECMAScript 2015+, JavaScriptServices, application performance management and how to make your life easier with some Node.js based tools.

Илья Климов "О драконах ни слова"

Fwdays

JS-тусовка сейчас переживает взрывообразный рост. Огромное количество людей приходят к нам из других языков программирования, "с улиц" и университетов. Все мы превосходно знаем Angular, восторгаемся React и хвалим Ember. Чего же мне не хватает для полного счастья? Почему каждый раз, будучи привлеченным как консультант, я вынужден повторять очевидные вещи? Как стать лучше как программист не изучая новых технологий, фреймворков и прочего хайпа Детали доклада: Я разберу типичные ошибки JS-программистов, с которыми мне пришлось столкнуться за 3 года работы собственной компании и консалтинга, и покажу, как "код" мешает нам увидеть реальную картину того, что происходит в отрасли. Постараюсь по минимуму задевать избитую тему soft skills. Скорее этот доклад - набор наболевших историй "из жизни", каждая из которых должна заставить слушателя задуматься. И да, почти все "со вкусом JS" - часто камнем преткновения становятся особенности языка, поддержка браузеров и т.д. - всё то, что так знакомо всем фронтендерам.

Григорий Шехет "Treasure hunt in the land of Reactive frameworks"

Fwdays

Мне нравится использовать React. Дан��ая библиотека – отличное решение для многих задач, так как она не навязывает конкретный паттерн или архитектуру. Разработчик сам решает что лучше для той или иной ситуации. Существует множество уже готовых архитектурных решений. Большинство выбирает Redux. Существует множество библиотек использующее идеи FRP, например Calmm или MobX. Как результат, получаем много подходов, решающие одну и туже задачу. В своем докладе хочу поговорить о различных архитектурных решениях, посмотреть на плюсы и минусы той или иной библиотеки, и прийти к консенсусу.

Алексей Рыбаков: "Wearable OS год спустя: Apple Watch 2.0, Android Wear 5.1.1...

Fwdays

"Frameworks in 2015" Андрей Листочкин

Fwdays

Евгений Жарков AngularJS: Good parts

Fwdays

Илья Прукко: "Как дизайнеру не становиться художником"

Fwdays

Искусство и дизайн: *Почему дизайн - это не искусство. *Современное искусство. *Хороший дизайн. *Развитие чувства вкуса у дизайнера. Как начать карьеру дизайнера: *С чего начинать. *Как привлечь заказчиков. *Первый заказчик. *Как общаться с заказчиком.

Анастасия Войтова: "Building profanity filters on mobile: clbuttic sh!t"

Fwdays

Fighting Fat Models (Богдан Гусев)

Fwdays

The document discusses techniques for dealing with "fat models" in Ruby on Rails applications. It argues that concerns are better than services for encapsulating business logic that belongs in models. Concerns allow models to have default behaviors while still supporting edge cases. The document also notes that the single responsibility principle is misleading, as real-world objects often have multiple related responsibilities. Well-designed models with concerns promote code reuse and testability over separated services.

Сергей Жук "Android Performance Tips & Tricks"

Fwdays

В докладе пойдет речь о простых, но далеко не всем известных приёмах оптимизации приложений и повышения продуктивности разработчика. Будут рассмотрены такие темы : Effective Java в Android Оптимальное использование файлов ресурсов Правильная работа с лейаутами - Отзывчивый UI Настройка инструментов разработчика и эмуляторов Полезные ссылки и тематические ресурсы

Скрам и Канбан: применимость самых распространенных методов организации умств...

Fwdays

Scrum и Kanban являются наиболее распространенными инструментами для организации умственной работы. Мы поговорим об их применимости. Речь пойдёт о соображениях, которые помогут вам определить что выбрать в каких ситуациях и избежать злоупо��реблений использования неподходящих инструментов.

"Spring Boot. Boot up your development" Сергей Моренец

Fwdays

своем докладе я подробно расскажу о Spring Boot - библиотеке, которая значительно упрощает работу разработчика и уменьшает количество написанного кода. Spring Boot позволяет быстрее и проще сконфигурировать сторонние библиотеки и фреймворки, а также предоставляет удобные сервисы для получения метрик работы приложения. Я поделюсь своим опытом работы, интеграции с Maven/Gradle, покажу практические примеры использования этой технологии. После этого доклада вы можете самостоятельно использовать Spring Boot в своих приложениях.

Трансформация команды: от инди разработки к играм с коммерческой успешностью

Fwdays

Процесс перехода команды из разряда простого фана к эффективной деятельности часто бывает болезненным, с рывком и недостаточно быстрым. Это постоянное балансирование между старым и новым, попытка усидеть на двух стульях сразу - романтичности инди-разработки и необходимости зарабатывать деньги на все потребности команды. Это будет история о том, как объединить эти два подхода в гармоничную экосистему, и сделать это своевременно. Тема очень глубокая и противоречивая, и здесь нет однозначных ответов. Я поделюсь своим опытом подводных камней и ошибок на этом пути. Возможно, это будет полезно и вам.

"После OOD: как моделировать предметную область в пост-объектном мире" Руслан...

Fwdays

The document discusses domain modeling approaches in a post-object-oriented world. It describes modeling domains using immutable data objects and domain services rather than traditional object-oriented classes. Domain objects represent entities without behavior, while domain services encapsulate functionality without data. This approach uses composition over inheritance and aims to describe limited relationships rather than a universal ontology. It provides examples modeling a small billing domain in this way, including use of a DSL to fluently describe tariff plans.

"Красная книга веб-разработчика" Виктор Полищук

Fwdays

Миллиарды людей по всему миру открывают веб-браузер утехи или работы ради. Сотни тысяч разработчиков, дизайнеров, тестировщиков и т.д., создают все новые и новые приложения для этих самых миллиардов. Тысячи языков программирования, помогают предыдущим ребятам. И Java один из таких языков! И если ты выбрал для написания своего веб-приложения Java – ты скорее всего один из нас. Мои поздравления. Загвоздка лишь в том, что для Java существует несколько десятков веб-фреймворков и библиотек. Непростой выбор для человека, но критический для проекта. Что выбрать? Скажу честно – я не знаю, но попробую помочь определиться с выбором. Мы пробежим по Struts, JSF, Portlet, Spring MVC, DWR, GWT и некоторым другим фреймворкам, которые мне попадались в руки. Сравним сильные и слабые стороны, и подготовим почву для вашего собственного выбора веб-фреймворков будущего проекта.

"Query Execution: Expectation - Reality (Level 300)" Денис Резник

Fwdays

Yes, this is very wide problem: you expect something, but reality is a bit different. You expect that query will run 1 sec, but it runs (Oh, my God!) 1 hour. You expect that your query will perform index seek, but it performs index scan instead. You expect your query doesn't use locks, but it uses them. So this session will be focused on understanding the internals of such situations and making our expectations more close to reality.

Александр Махомет "Feature Flags. Уменьшаем риски при выпуске изменений"

Fwdays

В докладе мы поговорим о концепции Feature Flags. Преимуществами этого подхода являются - Уменьшение количества веток (feature branches) - Постепенная выкатка изменений (gradual rollout) - Безопасный откат изменений (safe rollback) В докладе я расскажу о практическом опыте компании upwork.com, и о том как Feature Flags минимизируют наши риски при выпуске новой функциональности или рефакторинге. Введение в концепцию Feature Flags Feature Flags в Upwork Какие задачи решаются с помощью Feature Flags Как мы используем Feature Flags Детали реализации Общие рекомендации по использованию Ограничения подхода Доклад расчитан на широкий спектр аудитории

Светлана Старикова "Building a self-managing team: why you should not have e...

Fwdays

На что ответит мой доклад: -Ещё раз докажем себе, что процессы служат людям, а не наоборот. -Один грамотный руководитель как-то сказал, что кадры решают всё. Как помочь кадрам решать хоть что-то? -Почему SCRUM редко работает в реальном мире? Является ли следование SCRUM самоцелью? -Как адаптировать процесс под бизнес-цели и создать микроклимат в команде.

Александр Воронов | Building CLI with Swift

Fwdays

Viewers also liked (20)

Paul Miller "Как подняться на open source"

Игорь Фесенко "Web Apps Performance & JavaScript Compilers"

Илья Климов "О драконах ни слова"

Григорий Шехет "Treasure hunt in the land of Reactive frameworks"

Алексей Рыбаков: "Wearable OS год спустя: Apple Watch 2.0, Android Wear 5.1.1...

"Frameworks in 2015" Андрей Листочкин

Евгений Жарков AngularJS: Good parts

Илья Прукко: "Как дизайнеру не становиться художником"

Анастасия Войтова: "Building profanity filters on mobile: clbuttic sh!t"

Fighting Fat Models (Богдан Гусев)

Сергей Жук "Android Performance Tips & Tricks"

Скрам и Канбан: применимость самых распространенных методов организации умств...

"Spring Boot. Boot up your development" Сергей Моренец

Трансформация команды: от инди разработки к играм с коммерческой успешностью

"После OOD: как моделировать предметную область в пост-объектном мире" Руслан...

"Красная книга веб-разработчика" Виктор Полищук

"Query Execution: Expectation - Reality (Level 300)" Денис Резник

Александр Махомет "Feature Flags. Уменьшаем риски при выпуске изменений"

Светлана Старикова "Building a self-managing team: why you should not have e...

Александр Воронов | Building CLI with Swift

Similar to Алексей Швайка "Bundling: you are doing it wrong"

JavaScript Performance Patterns

Stoyan Stefanov

JavaScript performance patterns focuses on optimizing JavaScript loading and execution for better performance. Some key points include reducing the number of script files, leveraging caching, minification and compression. Asynchronous loading helps prevent blocking. DOM operations are expensive so it's important to cache references, batch operations and avoid reflows. Data attributes provide a convenient way to store data on elements. Shims and polyfills should be used judiciously, loading conditionally where native support is limited. Benchmarking is crucial to identify real bottlenecks and measure impact of optimizations.

Web Performance Part 4 "Client-side performance"

Binary Studio

JavaScript performance patterns

Stoyan Stefanov

This document summarizes best practices for optimizing JavaScript performance. It discusses loading JavaScript asynchronously or lazily to avoid blocking page loads. It also recommends minimizing DOM manipulation, batching style changes, and caching references to reduce reflows and repaints. The document emphasizes measuring performance through tools like Benchmark.js and jsperf.com to avoid premature optimization. It cautions against unnecessary shims and polyfills and stresses optimizing for mobile environments.

JavaScript front end performance optimizations

Chris Love

No one wants a slow loading, slow reacting application. As page weight has increased so has the dependency on JavaScript to drive rich user experiences. Today many pages load over 2MBs of JavaScript, but is this healthy? Do your scripts and dependencies perform well? In this session we will review common JavaScript performance bottlenecks, how to detect them and how to eliminate them. This session will review common bad coding syntax, architecture and how to replace them with better alternatives. You will also be exposed to caching, code organization, build and deployment best practices that produce the best user experiences. Finally, you will see how to use the navigation timing and performance timing APIs to fine tune your applications to produce a fast, lean application your customers will love.

Metarefresh

Aakash Bapna

This document summarizes challenges faced by the Flipkart frontend team. It discusses how they handle over 4 million pageviews per day across browsers using an in-house CDN. Key challenges include secure cross-domain calls, scalable CSS, and cleaning up old code. Techniques used include iframes, window.postMessage(), and window.name for cross-domain transport. The document also covers their approach to webfonts, CSS architecture using OCSS, and an experimental tool to clean up redundant CSS declarations.

My weekend startup: seocrawler.co

Hrvoje Hudoletnjak

This document outlines plans for a web crawling startup called SEOCRAWLER.CO. The startup aims to build a crawler that downloads pages from websites and stores metadata in reports. This will allow marketers and site owners to analyze competitor websites and find broken pages. The founders have already crawled over 2.5 million pages and plan to improve the crawler, reports, and user interface. They are hosting the application on their own servers but may move components to cloud services like Azure or Redis for scaling.

DOTNET8.pptx

Udaiappa Ramachandran

.NET 8 is poised to deliver significant advancements with features such as Primary Constructors for cleaner code, enhanced Garbage Collection for better memory management, and optimized JSON Serialization for efficient data handling. Performance is further bolstered by Fast Search, Dynamic Profile Guided Optimization (PGO), and Native AOT for faster runtime and startup. Time Abstraction offers refined time operations, while improved Cryptography and Compression with ZipFile support enhance security and data management. Immutable data structures are introduced with FrozenSet, and RegEx Code Generation promises more efficient pattern matching. Additionally, Redis Output Caching could enhance distributed caching mechanisms, Background Worker enhancements may improve asynchronous task execution, and Semantic Kernel suggests more intelligent code analysis capabilities. Collectively, these features aim to streamline development workflows and boost application performance in the .NET 8 framework.

How to generate customized java 8 code from your database

Speedment, Inc.

Did you know that database classes, that require many lines of Java and SQL code, may be replaced with a single line of Java 8 code? In this tutorial session you will learn how to use standard Java 8 Streams as an alternative to traditional Object Relational Mappers (ORM). We will use the open-source tool Speedment to show how development speed can be increased and how the application code can be more concise and run faster.

Everything is Awesome - Cutting the Corners off the Web

James Rakich

Developing High Performance Web Apps

Timothy Fisher

The document provides an overview of developing high performance web applications, focusing on optimizing front-end performance. It discusses why front-end performance matters, and provides best practices for optimizing page load time, developing responsive interfaces, and efficiently loading and executing JavaScript. The document also covers DOM scripting techniques, tools for profiling and analyzing performance, and how the performance monitoring service Gomez can be extended to better measure client-side metrics.

Edge of the Web

Todd Anglin

[Slides from my 'Edge of the Web' workshop] The web platform has evolved significantly over the last several years, giving developers more power than ever to create rich, interactive applications delivered via browsers. New capabilities in HTML, CSS and JavaScript paired with constantly updating browsers make it possible to do things on the web that used to be the exclusive domain of plugins and native apps. In this workshop, you’ll be introduced to some of the most powerful and useful techniques available to the modern web developer that will change the way you think about web app development. The future of web app development is exciting, and these are the technologies that will underpin and drive that change. Don’t get left behind with IE8-era knowledge. Get ahead of the curve and master the edge of the web.

Progressive Downloads and Rendering

Stoyan Stefanov

Progressive downloads and rendering allow content to be delivered and displayed to the user incrementally to improve perceived performance. JavaScript should be placed at the bottom of the page to avoid blocking. CSS can block rendering so should also be delivered non-blocking when possible. Techniques like flushing output, non-blocking scripts, and data URIs can help deliver content progressively. MHTML and preloading can help optimize delivery across multiple HTTP requests. The overall goal is to start displaying content as soon as possible while content continues downloading in the background.

Developing High Performance Web Apps - CodeMash 2011

Timothy Fisher

This document provides an overview of techniques for developing high performance web applications. It discusses why front-end performance matters, and outlines best practices for optimizing page load times, using responsive interfaces, loading and executing JavaScript efficiently, and accessing data. The presentation recommends tools for monitoring and improving performance, such as Firebug, Page Speed, and YSlow.

Cape Cod Web Technology Meetup - 2

Asher Martin

Presentation of JSConf.eu

Fredrik Wendt

Vlad zelinschi optimizing the critical rendering path

Codecamp Romania

The document discusses optimizing the critical rendering path (CRP) of a web page. The CRP refers to the steps between receiving HTML, CSS, and JavaScript and rendering pixels on the screen. These steps include parsing HTML to build the DOM tree, parsing CSS to build the CSSOM tree, combining them into a render tree, running layout to compute geometry, and painting to the screen. Optimizing the CRP means minimizing the time spent in these steps. Some tips include getting CSS to the client fast, eliminating blocking JavaScript from the CRP, and focusing on above-the-fold content. Tools like critical CSS extraction can help optimize the CRP.

ASP.NET: Present and future

Hrvoje Hudoletnjak

Seven Versions of One Web Application

Yakov Fain

Javascript for Wep Apps

Michael Puckett

JavaScript frameworks allow business logic to run on the client by sending JSON data on page load rather than dynamic HTML. This allows JavaScript to set up objects and classes to make assumptions without round trips to the server, improving performance. Popular frameworks like Backbone, Ember, Angular, Knockout, and Meteor emphasize separating UI from logic, data binding, templating, and routing to enable single-page applications. Meteor stands out by using the same syntax on client and server and web sockets for automatic UI updates.

LA Ember.js Meetup, Jan 2017

Matthew Beale

Similar to Алексей Швайка "Bundling: you are doing it wrong" (20)

JavaScript Performance Patterns

Web Performance Part 4 "Client-side performance"

JavaScript performance patterns

JavaScript front end performance optimizations

Metarefresh

My weekend startup: seocrawler.co

DOTNET8.pptx

How to generate customized java 8 code from your database

Everything is Awesome - Cutting the Corners off the Web

Developing High Performance Web Apps

Edge of the Web

Progressive Downloads and Rendering

Developing High Performance Web Apps - CodeMash 2011

Cape Cod Web Technology Meetup - 2

Presentation of JSConf.eu

Vlad zelinschi optimizing the critical rendering path

ASP.NET: Present and future

Seven Versions of One Web Application

Javascript for Wep Apps

LA Ember.js Meetup, Jan 2017

More from Fwdays

"What does it really mean for your system to be available, or how to define w...

Fwdays

"Microservices and multitenancy - how to serve thousands of databases in one ...

Fwdays

Imagine you are designing a B2B service that will serve millions of businesses. This service will have dozens of different microservices with their own data, which can contain millions of records. How do you design such a database? Why is sharding not always the answer? What other options are there for such an architectural solution? I'll tell you how we at Uspacy came to serve thousands of small databases instead of a few large ones, what we've encountered and what we plan to face)

"Scaling RAG Applications to serve millions of users", Kevin Goedecke

Fwdays

"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba

Fwdays

This is a session that details how PostgreSQL's features and Azure AI Services can be effectively used to significantly enhance the search functionality in any application. In this session, we'll share insights on how we used PostgreSQL to facilitate precise searches across multiple fields in our mobile application. The techniques include using LIKE and ILIKE operators and integrating a trigram-based search to handle potential misspellings, thereby increasing the search accuracy. We'll also discuss how the azure_ai extension on PostgreSQL databases in Azure and Azure AI Services were utilized to create vectors from user input, a feature beneficial when users wish to find specific items based on text prompts. While our application's case study involves a drug search, the techniques and principles shared in this session can be adapted to improve search functionality in a wide range of applications. Join us to learn how PostgreSQL and Azure AI can be harnessed to enhance your application's search capability.

"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk

Fwdays

At this talk we will discuss DDoS protection tools and best practices, discuss network architectures and what AWS has to offer. Also, we will look into one of the largest DDoS attacks on Ukrainian infrastructure that happened in February 2022. We'll see, what techniques helped to keep the web resources available for Ukrainians and how AWS improved DDoS protection for all customers based on Ukraine experience

"Black Monday: The Story of 5.5 Hours of Downtime", Dmytro Dziubenko

Fwdays

"Reaching 3_000_000 HTTP requests per second — conclusions from participation...

Fwdays

"$10 thousand per minute of downtime: architecture, queues, streaming and fin...

Fwdays

Direct losses from downtime in 1 minute = $5-$10 thousand dollars. Reputation is priceless. As part of the talk, we will consider the architectural strategies necessary for the development of highly loaded fintech solutions. We will focus on using queues and streaming to efficiently work and manage large amounts of data in real-time and to minimize latency. We will focus special attention on the architectural patterns used in the design of the fintech system, microservices and event-driven architecture, which ensure scalability, fault tolerance, and consistency of the entire system.

"Choosing proper type of scaling", Olena Syrota

Fwdays

"What I learned through reverse engineering", Yuri Artiukh

Fwdays

"Impact of front-end architecture on development cost", Viktor Turskyi

Fwdays

I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.

"Micro frontends: Unbelievably true life story", Dmytro Pavlov

Fwdays

"Objects validation and comparison using runtime types (io-ts)", Oleksandr Suhak

Fwdays

"JavaScript. Standard evolution, when nobody cares", Roman Savitskyi

Fwdays

"How Preply reduced ML model development time from 1 month to 1 day",Yevhen Y...

Fwdays

"GenAI Apps: Our Journey from Ideas to Production Excellence",Danil Topchii

Fwdays

In my talk, I will tell about the world of GenAI services beyond GPT-wrappers and how we developed and scaled GenAI-centric applications. I'll share personal experiences about the obstacles, lessons, and strategic tools and methodologies that were key in taking GenAI applications from 0 to 1. I'll talk about the challenges we faced when launching LLM-based and image generative applications and delivering them to end users, and what conclusions and solutions were made.

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...

Fwdays

Python engineers are introduced to the transformative potential of Large Language Models (LLMs) in the realm of advanced data analysis and the application of Semantic Kernel techniques. We will talk about how LLMs like ChatGPT can be integrated into Python environments to automate data processing, enhance predictive modeling, and unlock deeper insights from complex datasets. The session will delve into practical strategies for embedding Semantic Kernel methods within Python projects, illustrating how these advanced techniques can refine the accuracy of machine learning models by embedding domain-specific knowledge directly into the analysis process. Attendees will leave with a clear roadmap for leveraging the combined power of LLMs and Semantic Kernels, equipped with actionable knowledge to drive innovation in their data analysis projects and beyond, marking a significant leap forward in the evolution of Python engineering practices.

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

Fwdays

"What is a RAG system and how to build it",Dmytro Spodarets

Fwdays

"Debugging python applications inside k8s environment", Andrii Soldatenko

Fwdays

More from Fwdays (20)